Minificatore CSS

Minifica e comprimi CSS in un unico posto

Questo minificatore CSS riduce i tuoi fogli di stile eliminando ogni carattere di cui il browser non ha bisogno — commenti, spazi bianchi, interruzioni di riga e l'ultimo punto e virgola ridondante in ogni regola — così il file che invii è più piccolo in byte ma viene renderizzato in modo identico. Incolla il codice o trascina un file .css e il risultato compresso appare istantaneamente, con i byte esatti e la percentuale risparmiata.

È anche un compressore CSS e un abbellitore CSS in uno: un unico pulsante alterna tra minificazione e de-minificazione, così lo stesso strumento che comprime un foglio di stile può anche espanderlo in codice leggibile e indentato.

Cosa rimuove — e cosa non tocca mai

Quando minifichi il CSS, lo strumento elimina i commenti, riduce tutti gli spazi bianchi, rimuove gli spazi attorno ai simboli come { } : ; , > + e sopprime l'ultimo punto e virgola prima di ogni parentesi graffa di chiusura. Attiva la modalità Aggressiva e rimuove anche gli zeri iniziali (0.5em → .5em) e l'unità nei valori di lunghezza zero (0px → 0).

Fondamentalmente, è senza perdite. Le stringhe tra virgolette, i valori url() e le espressioni calc() vengono protetti prima di qualsiasi rimozione, quindi un valore come calc(100% - 2rem) mantiene gli spazi necessari e il percorso di un'immagine di sfondo non viene mai alterato. Molti minificatori online veloci falliscono con calc() — questo no.

Minifica o abbellisci — uno strumento veramente bidirezionale

Hai bisogno di leggere un foglio di stile compresso su una riga? Passa alla modalità Abbellisci per de-minificare il CSS: lo strumento ri-indenta il codice, mette ogni dichiarazione sulla propria riga, aggiunge uno spazio dopo ogni due punti e dispone le liste di selettori in modo ordinato. Scegli l'indentazione a 2 spazi, 4 spazi o tabulazioni per corrispondere allo stile del tuo progetto.

Poiché la minificazione e l'abbellimento sono reversibili, puoi incollare il CSS minificato dalla produzione, leggerlo, modificarlo e minificarlo di nuovo — tutto senza lasciare la pagina.

Come si confronta con cssminifier.com, CleanCSS e cssnano

cssminifier.com è l'opzione online più utilizzata, ma carica il tuo codice sui suoi server. Per i fogli di stile proprietari — progetti clienti, design non pubblicati, strumenti interni — questo è un rischio reale. CleanCSS e cssnano sono librerie Node.js: ottime per pipeline automatizzate ma non disponibili senza un'installazione locale. Il minificatore CSS di freeformatter.com e quello di TopTal sono entrambi lato server.

Questo strumento elabora tutto localmente con JavaScript — nulla viene mai caricato. Copre le ottimizzazioni di minificazione più comuni (spazi bianchi, commenti, punti e virgola, unità zero, zeri iniziali) e aggiunge una stima gzip nello stesso passaggio. Nessun account, nessun upload, nessuna installazione — funziona su iPhone, Android, Mac, Windows e Linux.

Guarda i byte che risparmi — incluso gzip

Una barra delle statistiche ben visibile riporta la dimensione originale, la dimensione di output e i byte e la percentuale risparmiati, così sai sempre esattamente quanto si è ridotto il tuo CSS. Le dimensioni sono misurate in byte UTF-8 reali, non in conteggi di caratteri, quindi corrispondono a ciò che il tuo server serve effettivamente.

Mostra anche un valore gzippato calcolato localmente nel browser. La minificazione e gzip si sommano — minifica il sorgente, poi lascia che il tuo host lo comprima — e vedere entrambi i numeri rende ovvio il risparmio combinato.

100% privato — nulla lascia il tuo browser

Ogni minificazione e abbellimento viene eseguito localmente nel tuo browser tramite JavaScript. Il tuo CSS non viene mai caricato, registrato o archiviato, il che rende questo un posto sicuro per comprimere fogli di stile proprietari, non pubblicati o dei clienti. Non è richiesta alcuna registrazione e non ci sono limiti oltre alla memoria del dispositivo. Funziona anche offline — una volta caricata la pagina, disconnetti Internet e il minificatore continua a funzionare. Metti questo minificatore CSS online tra i preferiti e usalo ogni volta che hai bisogno di comprimere CSS, ridurre un file o leggere un foglio di stile minificato.