Minificatore e Beautifier CSS
Minifica o abbellisci il tuo codice CSS. Riduci le dimensioni rimuovendo commenti e spazi.
Informazioni su Minificatore e Beautifier CSS
Il Minificatore CSS elimina i commenti, comprime gli spazi, toglie il punto e virgola finale di ogni blocco, abbrevia in tre cifre i colori esadecimali a sei cifre quando è possibile e ripulisce i decimali inutili come 1.0rem. Una modalità beautify fa l'opposto e reindenta un foglio di stile compresso con una dichiarazione per riga. Indica la dimensione in byte originale e quella minificata insieme alla percentuale risparmiata, esattamente ciò che serve quando devi alleggerire il CSS che blocca il rendering, e l'output si copia o si scarica come styles.min.css. Tutto viene eseguito nel tuo browser.
Casi d'uso
Come usare
Incolla il tuo foglio di stile nel riquadro CSS Input oppure fai clic su Load Sample per partire da un CSS di esempio.
Lascia selezionato Minify per eliminare commenti e spazi, togliere l'ultimo punto e virgola di ogni blocco e abbreviare, dove possibile, i colori esadecimali a sei cifre.
Fai clic su Beautify quando invece vuoi l'effetto opposto: le stesse regole reindentate con due spazi per livello e una dichiarazione per riga.
Guarda il pannello di output riscriversi mentre scrivi e confronta il numero di byte indicato sopra ciascun riquadro.
Leggi la percentuale Size Reduction e il valore Bytes Saved qui sotto, poi fai clic su Copy o Download per salvare il file come styles.min.css.
Suggerimenti Pro
- Incolla il contenuto direttamente: il Minificatore CSS riconosce i formati di input più comuni e applica automaticamente le impostazioni predefinite più sensate.
- Usa le scorciatoie da tastiera (Ctrl/Cmd+A per selezionare tutto, Ctrl/Cmd+C per copiare) per velocizzare il lavoro nel Minificatore CSS.
- Se l'input è molto grande, suddividilo in blocchi: la maggior parte delle schede del browser gestisce megabyte di testo, ma l'analisi di payload enormi può bloccare l'interfaccia per qualche istante.
- Il Minificatore CSS non registra né conserva i dati che inserisci. Se ti serve uno storico, copia i risultati importanti in un file locale o in un'app per appunti.
- Combina il Minificatore CSS con gli altri strumenti del sito (formattatori, convertitori, encoder) per creare pipeline di dati complete senza uscire dal browser.
Domande frequenti
Sì, è completamente gratuito: nessuna registrazione, nessuna chiave API, nessun watermark e nessun limite di utilizzo.
No. Il Minificatore CSS funziona interamente lato client, nel tuo browser. I dati che inserisci non passano mai dai nostri server.
Non c'è un limite rigido, ma oltre qualche megabyte è normale notare dei rallentamenti, a seconda della memoria del tuo dispositivo.
Sì. I risultati generati con il Minificatore CSS sono tuoi e puoi usarli liberamente in qualsiasi progetto personale o commerciale.
Gran parte della logica gira in JavaScript lato client, quindi dopo il caricamento iniziale spesso puoi continuare a lavorare senza connessione di rete.
Nessuno. Dato che il Minificatore CSS funziona nel tuo browser, puoi elaborare tutti gli input che il tuo hardware consente, senza chiavi API né rallentamenti imposti.