Minificatore e formattatore CSS
Alleggerisci i fogli di stile rimuovendo commenti, spazi e regole vuote, oppure fai il contrario: trasforma il CSS minificato in codice leggibile e indentato. Vedrai la dimensione originale, quella finale e quella compressa con gzip.
Elaborato al 100% nel tuo browser
Ctrl + Enter eseguiCtrl + C copia risultato
Come si usa
- 1Incolla il tuo CSS, trascina un file .css o carica l’esempio.
- 2Scegli «Minifica» o «Formatta» e regola le opzioni (licenze, ottimizzazione, rientro).
- 3Il risultato si aggiorna subito insieme al risparmio in byte e con gzip.
- 4Copia il risultato o scaricalo come file .css.
Casi d’uso
- Preparare il CSS per la produzione e migliorare i Core Web Vitals.
- Leggere ed eseguire il debug del CSS minificato di un sito o di una libreria.
- Misurare quanto pesa davvero un foglio di stile servito compresso.
- Ripulire CSS legacy: rimuovere commenti e regole vuote.
Domande frequenti
Cosa fa esattamente la minificazione CSS?
Rimuove commenti, spazi, a capo, l’ultimo punto e virgola di ogni blocco e le regole vuote, e accorcia valori come #aabbcc → #abc o 0.5 → .5. Il browser interpreta il CSS esattamente allo stesso modo, ma il file è più leggero.
Può rompere il mio CSS?
È progettato per non farlo: il testo tra virgolette, le url() e gli spazi dentro calc() restano intatti, così come gli spazi dei selettori discendenti (ad esempio «a :hover»). Controlla comunque il risultato prima di pubblicarlo.
Perché mantenere i commenti /*! … */?
Per convenzione, i commenti che iniziano con /*! contengono avvisi di licenza (MIT, Apache…) che molte licenze richiedono di mantenere anche nel codice minificato.
Cosa significa la dimensione «con gzip»?
È la dimensione approssimativa trasferita in rete se il server comprime con gzip, calcolata nel browser con CompressionStream. È il numero che incide davvero sulla velocità di caricamento.