Minificatore CSS

Cosa comporta la ristrutturazione

Oltre a rimuovere gli spazi, il minificatore accorcia i valori (#ffffff diventa #fff, 0px diventa 0) e unisce le regole. Due selettori con dichiarazioni identiche vengono combinati in un'unica regola e le dichiarazioni possono essere spostate tra le regole quando lo consente la cascata. L'output quindi non segue l'ordine del sorgente e cercando un selettore potresti trovarlo raggruppato con altri. Per leggere il risultato, espandilo con il formattatore CSS.

I commenti di licenza restano

I commenti ordinari vengono rimossi, ma viene conservato un commento che inizia con /*!. È la convenzione usata dalle librerie per gli avvisi di copyright e licenza che devono restare insieme al codice; inserisci quindi questi avvisi in quella forma e il file minificato resterà conforme.

La minificazione rimuove anche il collegamento tra output e sorgente. Gli strumenti per sviluppatori del browser associano il CSS minificato all'originale solo tramite una source map, che gli strumenti di build producono e questa pagina non produce; conserva quindi il file leggibile come quello da modificare.

Come usarlo

1. Incolla il CSS.
2. Scegli Minifica CSS.
3. Copia o scarica il foglio di stile ottimizzato.

Privacy e limitazioni

Il CSS resta nel tuo browser. Verifica il risultato rispetto ai requisiti visivi e di compatibilità dei browser prima della pubblicazione.