Formattare e minificare CSS
Espandi un CSS minificato con una dichiarazione per riga per leggerlo o correggerlo, oppure minifica il foglio di stile per ridurne il peso in produzione.
Funziona nel tuo browser
Come si usa
- Incolla il tuo CSS.
- Scegli Formatta o Minifica.
- Copia il risultato.
Come funziona
Il foglio di stile viene suddiviso in token in modo che le stringhe fra virgolette (come content: "a;b") e i commenti non vengano mai alterati. La formattazione mette ogni selettore, dichiarazione e parentesi di chiusura su una riga propria con un'indentazione coerente, comprese le regole annidate dentro @media.
La minificazione toglie i commenti (tranne quelli di licenza /*!), gli spazi e l'ultimo punto e virgola di ogni blocco. Gli spazi che cambiano il significato, come quelli attorno a + e - dentro calc(), vengono conservati.
Esempi
- Framework minificato
- .a{color:red}.b:hover{color:blue} diventa due regole leggibili con le dichiarazioni indentate.
Usi comuni
- Leggere CSS di terze parti o minificato
- Ridurre il peso di un foglio di stile
- Uniformare il CSS prima di una revisione del codice
Privacy e sicurezza
Questo strumento funziona interamente nel tuo browser. I tuoi file e i tuoi testi non vengono mai caricati sui nostri server: l'elaborazione avviene sul tuo dispositivo e anche il risultato viene creato lì. Come ogni strumento tratta i file
Domande frequenti
Sostituisce uno strumento di build?
Per un sito in produzione, strumenti come Lightning CSS o cssnano fanno ottimizzazioni più profonde. Questo strumento è l'ideale per una formattazione rapida e occasionale.
Supporta SCSS o Less?
L'annidamento di base viene formattato correttamente, ma la sintassi specifica dei preprocessori, come i mixin, non è garantita.
Ultimo aggiornamento: