Minificatore CSS
Comprimi o abbellisci il tuo CSS, con il risparmio in byte.
- Istantaneo
- Gratis
- Privato (elaborato localmente)
- Senza registrazione
CSS più leggero, o più leggibile — a tua scelta
In produzione si vuole un CSS compatto per caricare in fretta; in sviluppo, un CSS arioso da leggere. Questo strumento va in entrambi i sensi e ogni volta mostra quanti byte hai risparmiato o riaggiunto.
-
Incolla il tuo CSS
Una regola, un foglio intero, qualsiasi dimensione.
-
Minifica o abbellisci
Compressione massima, o re-indentazione pulita.
-
Leggi il risparmio
Byte prima → dopo e percentuale risparmiata.
Cosa toglie la minificazione
| Prima | Dopo |
|---|---|
| /* commento */ | (rimosso) |
| .box { color: red; } | .box{color:red} |
| margin: 0 auto ; | margin:0 auto |
| A capo e tabulazioni | (rimossi) |
Minificatore volutamente semplice e sicuro: non rinomina nulla e non fonde le regole. Per la produzione critica, uno strumento di build (cssnano, Lightning CSS) andrà oltre.
Domande frequenti
Perché minificare il CSS?
Un file CSS più leggero si scarica più in fretta: la pagina appare prima e usa meno banda. Su file grandi, togliere commenti, spazi e a capo fa spesso risparmiare il 20–40 % del peso.
La minificazione cambia il rendering?
No: tocca solo i caratteri invisibili (spazi, a capo, commenti) e il punto e virgola finale inutile. Regole, valori e selettori restano identici. Il browser interpreta esattamente lo stesso stile.
Cosa fa la modalità «abbellisci»?
L’inverso: re-indenta un CSS compresso o mal formattato, una regola per riga, con rientri, per renderlo leggibile e modificabile. Utile per decifrare il CSS minificato di un sito e capire com’è costruito.
I miei fogli di stile vengono inviati online?
No: tutta l’elaborazione avviene nel tuo browser, nulla viene trasmesso. Puoi minificare CSS riservato o proprietario senza che lasci la tua macchina.