Vai al contenuto
Allin
Registrati · Accedi

Minificatore CSS

Riduci il CSS rimuovendo commenti e spazi inutili.

Strumenti correlati

Tutti gli strumenti: JSON, XML e formati →
Minificatore / abbellitore JavaScriptMinifica o formatta JavaScript nel tuo browser, con un tokenizer che rispetta stringhe, regex e commenti.Abbellitore CSSRiformatta CSS minificato o disordinato in regole pulite e indentate — o minificalo di nuovo.Generatore di ombra CSS (box-shadow)Regola un'ombra CSS con anteprima dal vivo e copia il codice generato — offset, sfocatura, estensione, colore, inset.Compressore CSSMinifica il CSS rimuovendo commenti e spazi per ridurre la dimensione del foglio di stile.Laboratorio di CSS FlexboxSperimenta con flex-direction, wrap, justify-content, align-items e gap — anteprima dal vivo e CSS copiabile.Generatore di CSS GridCostruisci un layout CSS Grid visivamente — colonne, righe, spazi e allineamento — con anteprima dal vivo e CSS copiabile.Convertitore da CSV a JSONAnalizza testo CSV (con riga di intestazione) in un array JSON di oggetti, gestendo i campi tra virgolette. Trascina un file invece di incollarlo: viene letto nel browser e non viene mai inviato.Da CSV a tabella MarkdownTrasforma un CSV in una tabella Markdown, virgolette comprese: un campo può contenere il delimitatore, un a capo o una barra verticale senza rompere la tabella. Virgola, punto e virgola (Excel francese), tab o barra — rilevato o imposto.

Apri Minificatore CSS e ottieni subito una risposta, senza creare un account. Il suo posto è sotto JSON, XML e formati; Minificatore / abbellitore JavaScript e Abbellitore CSS rispondono alle domande più vicine.

Come si usa

  1. Apri lo strumento — senza registrazione né installazione.
  2. Inserisci i tuoi dati o regola le opzioni disponibili.
  3. Ottieni il risultato all'istante, poi copialo o scaricalo.

Domande frequenti

A cosa serve Minificatore CSS?

Riduci il CSS rimuovendo commenti e spazi inutili.

In quali casi si usa davvero?

Rendere leggibile un blob generato da una macchina, trovare il carattere in cui il parsing fallisce e alleggerire un file prima di pubblicarlo.

Qual è l'errore più comune?

Confondere valido con corretto. Un documento può essere analizzato senza errori e non avere comunque la forma attesa da chi lo leggerà: la validazione controlla la sintassi, non lo schema.

In cosa differisce Minificatore CSS da Minificatore / abbellitore JavaScript?

Sono vicini ma rispondono a domande diverse: Minificatore / abbellitore JavaScript è quello da aprire quando si tratta di minifica o formatta JavaScript nel tuo browser, con un tokenizer che rispetta stringhe, regex e commenti. Scegli quello che corrisponde al tuo punto di partenza — entrambi sono gratuiti.

Esiste uno strumento per il passo successivo?

Abbellitore CSS è il più vicino dopo questo: Riformatta CSS minificato o disordinato in regole pulite e indentate — o minificalo di nuovo.

Da dove vengono i dati?

Analisi e serializzazione seguono la specifica di ciascun formato. L'ordine delle chiavi e gli spazi non hanno valore semantico in JSON né in YAML, quindi un documento riformattato resta equivalente anche se i byte cambiano.

Per approfondire

Tutte le guide →
GuidaFormattare o minificare: a cosa serve ciascuno e cosa cambia sul pesoQuattro fogli di stile veri passati nel minificatore, misurati grezzi e dopo gzip. Togliere tutti gli spazi ha fatto risparmiare 48, 103, 104 e 147 byte compressi; togliere i commenti 57, 1 358, 2 420 e 1 042. E i cinque input che questo minificatore rompe.GuidaTrasporre una tabella le cui righe avrebbero dovuto essere colonneChe ne è della riga di intestazione, delle righe di lunghezza diversa, dei tipi — e l'unica cosa con cui trasporre viene regolarmente confuso e che non può fare.GuidaChe cosa può togliere un minificatore e che cosa non deve toccareLa minificazione deve preservare il significato, e la parte interessante è lo spazio bianco che porta significato: il combinatore discendente, gli spazi dentro calc(), lo stacco fra due elementi inline. Misurato qui su file reali, compreso ciò che brotli ti avrebbe risparmiato comunque.TutorialCostruire una tabella Markdown da zero, senza contare i trattini a manoLa cosa più piccola che sia ancora una tabella sono due righe: una riga di intestazione e una riga delimitatrice. Ecco perché la seconda è obbligatoria in GitHub Flavored Markdown, dove le tabelle a barre non esistono affatto, e che cosa fa un generatore che scrivere a mano non può fare.GuidaIncollare una tabella in una pull request: che cosa si rompe, e i due caratteri che la romponoUna tabella Markdown vieta esattamente due caratteri dentro una cella: la barra verticale e l'a capo. Ecco che cosa fa ciascuno, come li tratta un convertitore, perché l'escape va applicato nell'ordine giusto, e perché il riempimento non conta mai.SpiegazioneDa CSV a JSON: i cinque casi che rompono qualsiasi convertitoreDelimitatori tra virgolette, a capo incorporati, tipi ambigui, intestazioni duplicate e codifica. Ogni caso è passato dal convertitore e qui c'è l'output esatto — compresi i due che non salva.