Come minifico il CSS online senza installare nulla?

Incolla il tuo CSS in CSS di input, oppure trascina un file .css, poi fai clic su Minifica CSS. Commenti e spazi superflui vengono rimossi, e puoi Copiare il risultato o Scaricarlo come styles.min.css.

Il minificatore CSS mantiene intatti i commenti di licenza e i data URI?

Sì. I commenti normali vengono eliminati, ma i commenti /*! license */ vengono mantenuti. Stringhe tra virgolette, valori url() e data URI vengono tokenizzati separatamente, quindi le regole sugli spazi non li alterano.

Come riporto il CSS minificato a codice leggibile?

Fai clic su Formatta CSS invece di Minifica CSS. Il codice viene reindentato con due spazi per livello, e i due punti dei selettori come a:hover vengono distinti da quelli delle proprietà. Scarica lo salva come styles.css.

Cosa significa il numero gzip accanto alla riduzione?

È una stima della dimensione dell'output dopo la compressione gzip, misurata con la CompressionStream API del browser. Se il tuo browser non ha quell'API, la dimensione gzip non viene mostrata.

Il mio CSS viene inviato a un server quando lo minifico?

No. La minificazione è fatta da un tokenizzatore JavaScript che gira nel tuo browser, senza librerie esterne. Non viene caricato nulla, quindi puoi usarlo su fogli di stile privati.

Sì. Ogni strumento è gratuito, senza account e senza carta di credito. L'elaborazione avviene sul tuo dispositivo e non sui nostri server, ed è proprio questo che ci permette di offrirlo gratis.

Sì. Funziona nei browser mobili recenti su iOS e Android, senza installare nulla.

🗜️

Minificatore e Abbellitore CSS gratis

Minifica il CSS per ridurre le dimensioni del file o abbellisci il CSS minificato per la leggibilità. Istantaneo, nel tuo browser.

Funziona nel tuo browserNessuna registrazione, nessun pop-upNessun accesso richiestoGratis per sempre

Funziona offline una volta caricato

oppure trascina un file .css qui sotto

Trascina qui un file .css, oppure fai clic per sceglierlo

CSS · elaborato sul tuo dispositivo

oppure premi Ctrl+V per incollare dagli appunti

Sfoglia file

CSS di input

CSS di output

L'output apparirà qui…

Usi comuni

Minifica CSS per la Distribuzione in ProduzioneRiduci la dimensione del file CSS prima della distribuzione in produzione - caricamenti pagina più veloci e costi di larghezza di banda inferiori.
Formatta CSS Minimizzato per il DebugFormatta il CSS compresso o minimizzato in codice leggibile in modo da poter ispezionare e eseguire il debug degli stili.
Minifica CSS per Modelli EmailCompatta il CSS per i modelli email HTML dove la dimensione del file e il rigonfiamento dello stile inline sono importanti.
Minifica CSS per Temi WordPressRiduci le dimensioni dei fogli di stile personalizzati dei temi WordPress per migliori punteggi PageSpeed.
Formatta CSS per la Revisione del CodiceFormatta qualsiasi file CSS in codice pulito, indentato e leggibile pronto per la revisione e la collaborazione.

Come funziona

Questo strumento usa un tokenizzatore CSS scritto a mano, senza dipendenze, costruito interamente in JavaScript — nessuna libreria esterna, nessuna chiamata al server. Il tokenizzatore classifica ogni carattere come codice, commento, stringa tra virgolette, o valore url() prima di applicare qualsiasi trasformazione, il che previene che le regole sugli spazi bianchi corrompano contenuti di stringhe, URI dati, o espressioni calc().

1
Passaggio di tokenizzazione
Il CSS di input viene scansionato carattere per carattere e diviso in token tipizzati: segmenti di codice grezzo, commenti /* ... */, stringhe tra virgolette (preservando le sequenze di escape), e blocchi url(...). Questo assicura che le trasformazioni nel passaggio successivo tocchino solo la sintassi CSS reale — mai il contenuto di un letterale stringa o URI dati.
2
Minificazione o abbellimento
In modalità minify, i commenti regolari vengono rimossi (i commenti /*! license */ vengono mantenuti), le sequenze di spazi bianchi nei token di codice vengono collassate in spazi singoli, e gli spazi bianchi adiacenti alla punteggiatura intorno a { } : ; , > ~ vengono rimossi. Gli spazi intorno a + e - vengono intenzionalmente lasciati invariati per evitare di rompere le espressioni calc(). In modalità beautify, il codice viene prima minificato a una linea base pulita, poi ritokenizzato e reindentato con tracciamento della profondità a due spazi e rilevamento dei due punti di dichiarazione per distinguere i due punti proprietà: valore dai due punti del selettore come a:hover.
3
Stima dimensione gzip
Dopo aver prodotto l'output, la CompressionStream API nativa del browser viene usata per comprimere il risultato con gzip e misurare il conteggio di byte risultante. Questo fornisce una stima realistica della dimensione di trasferimento che corrisponde a ciò che un server web con compressione gzip invierebbe sulla rete.
4
Copia o scarica
Il CSS elaborato viene scritto negli appunti tramite la Clipboard API, o scaricato come styles.min.css (modalità minify) o styles.css (modalità beautify) usando un Blob con tipo MIME text/css. La percentuale di riduzione della dimensione viene mostrata dal vivo mentre digiti.

Strumenti correlati

✨

Ottimizzatore e Minificatore SVG

Rimuovi metadati, comprimi gli spazi e arrotonda i decimali per ridurre drasticamente le dimensioni dei file SVG — riduzioni tipiche del 30-70%. L'anteprima visiva verifica che nulla si rompa.

ProvaI file rimangono locali

🎨

Abbellitore CSS

Formatta il CSS minificato con un’indentazione coerente, oppure minificalo. Ordinamento alfabetico delle proprietà facoltativo per diff prevedibili.

Prova

📋

Formattatore JSON

Formatta, convalida, minimizza ed esplora dati JSON. Vista ad albero, evidenziazione della sintassi e copia con un clic.