Formattatore e minificatore CSS
Abbellisci il CSS per leggerlo o minificalo per la pubblicazione
Su questo strumento
Espandi CSS minificato o copia-incollato in regole con una dichiarazione per riga, oppure comprimi un foglio di stile per la produzione. Il beautifier normalizza indentazione e posizione delle graffe; il minificatore elimina i commenti, collassa gli spazi e rimuove i punti e virgola finali, lasciando intatti stringhe, contenuti di url(...) ed espressioni calc().
Il minificatore è trasparente su ciò che non fa: non rinomina i selettori, non fonde le regole duplicate né riscrive i colori. Questo rende l’output prevedibile e sicuro per qualsiasi foglio di stile, compresi quelli con hack e prefissi vendor — incolla, minifica, pubblica.
Come ogni strumento qui, l’elaborazione è locale. Il codice di un design system non ancora rilasciato resta nel tuo browser.
Domande frequenti
- Quanto si riduce il CSS minificato?
- Tipicamente il 15–30% per CSS scritto a mano, soprattutto grazie a indentazione e commenti. Il gzip del tuo server rimuove gran parte della stessa ridondanza, quindi la differenza sul filo è più piccola di quanto suggerisca il conteggio dei byte grezzi — minifica comunque: riduce anche il tempo di parsing.
- È sicuro per calc(), custom property e media query?
- Sì. Gli spazi dentro calc() sono significativi e vengono preservati; le custom property e i loro riferimenti var() sono dichiarazioni normali e sopravvivono invariati; @media e le altre at-rule mantengono la loro struttura.
- Perché i selettori discendenti hanno mantenuto gli spazi?
- Perché "nav a" e "nava" selezionano cose diverse — quello spazio è un combinatore, non formattazione. Il minificatore rimuove solo gli spazi privi di significato sintattico.
- Può convertire tra LESS/SCSS e CSS?
- No — la sintassi dei preprocessori richiede compilazione, non formattazione. L’SCSS semplice che è anche CSS valido si formatta senza problemi; regole annidate e mixin no.