Minificatore CSS
Incolla un foglio di stile per ottenere il CSS equivalente più leggero, con lo spazio esatto che risparmi.
Sigillato su questo dispositivo
Funziona nel tuo browser. Non viene caricato nulla.
Sigillato
CSS minificato
Il CSS minificato apparirà qui mentre scrivi.
Come funziona
-
Incolla il tuo CSS
Incolla un foglio di stile o apri un file .css. La minificazione parte mentre scrivi.
-
Scegli fin dove spingerti
Unire le regole dà il file più piccolo. Disattiva l’opzione se l’ordine delle regole deve restare esattamente com’è scritto.
-
Copia o scarica
Guarda la dimensione prima e dopo, gzip compreso, poi copia il risultato o scarica un file .min.css.
Domande frequenti
Il mio CSS viene caricato?
No. La minificazione avviene nel tuo browser con il motore open source CSSO. Il tuo foglio di stile non lascia mai il dispositivo.
Cosa rimuove la minificazione?
Spazi, a capo, commenti, l’ultimo punto e virgola di ogni blocco, zeri e unità superflui. I colori vengono abbreviati, per esempio #ff0000 diventa red, e le dichiarazioni duplicate vengono eliminate.
Cosa fa «Unisci e riordina le regole»?
Combina le regole che condividono selettori o dichiarazioni e le sposta quando è sicuro farlo: spesso è ciò che fa risparmiare più byte. Se i tuoi stili dipendono da un ordine di cascata particolare, disattivala per mantenere la struttura così com’è.
Perché mantenere i commenti /*!?
I commenti che iniziano con /*! contengono di solito una licenza o una nota di copyright che deve restare con il codice. Tutti gli altri commenti vengono rimossi.
Cos’è la dimensione gzip?
I server web di solito comprimono il CSS prima di inviarlo. Il valore gzip, misurato nel tuo browser, indica all’incirca quanti byte viaggiano davvero sulla rete.