Minimizzatore CSS
Minimizza i CSS eliminando commenti e spazi bianchi senza toccare i tuoi valori.
Minimizzatore CSS
Incolla un foglio di stile e questo strumento restituisce una versione compatta con i commenti rimossi, gli spazi bianchi compressi e l'ultimo punto e virgola di ogni blocco rimosso. Usalo per eliminare byte da un foglio di stile prima della spedizione, per incorporare CSS critici nell'intestazione di una pagina, per comprimere gli stili in un modello di email HTML o semplicemente per vedere quanta parte del tuo file è in formattazione: il conteggio sotto l'output mostra il conteggio dei byte e la percentuale salvata.
Il minificatore analizza il tuo CSS invece di sostituire ciecamente il testo, quindi le parti difficili rimangono intatte: i valori letterali delle stringhe mantengono ogni carattere, le espressioni calc() mantengono gli spazi attorno ai loro operatori, i valori url() vengono copiati intatti e un selettore discendente come "a :hover" non viene mai fuso in "a:hover". Ciò che deliberatamente non fa è riscrivere i tuoi valori: colori, unità e abbreviazioni escono esattamente come li hai scritti. È un onesto minimizzatore di spazi bianchi e commenti, non un ottimizzatore che ristruttura le regole.
Due opzioni ottimizzano l'uscita. "Mantieni /*! commenti" preserva i commenti che iniziano con /*!, la convenzione per i banner di licenza che devono sopravvivere alla minimizzazione: disattivala per eliminarli come qualsiasi altro commento. "Una regola per riga" genera un ritorno a capo dopo ogni regola di livello superiore, il che mantiene il risultato facilmente comprensibile e più facile da scansionare rispetto a una riga lunga.
Tutto funziona nel tuo browser. Il tuo CSS non viene mai caricato, quindi i fogli di stile proprietari e i design inediti rimangono sul tuo dispositivo.