Formattatore e minimizzatore CSS

Riorganizza i rientri del CSS disordinato per leggerlo facilmente o minimizzalo per la pubblicazione, con una modalità sicura che non altera l'ordine delle regole.

Rientro
Compressione
Incolli o digiti il CSS per formattarlo o minimizzarlo.

Il CSS viene formattato e minimizzato direttamente nel browser. Nessun dato viene caricato sui server di BroBroGo.

FAQ

Qual è la differenza tra formattazione (beautify) e minimizzazione (minify)?

La formattazione (Beautify) riorganizza i rientri e gli spazi degli stili per renderli facili da leggere e modificare. La minimizzazione (Minify) fa l'opposto: rimuove gli spazi vuoti e i commenti non necessari per il browser e accorcia i valori (come i colori), riducendo le dimensioni del file per un caricamento più rapido. Formatti durante lo sviluppo, minimizzi prima della pubblicazione.

Cosa fanno le impostazioni di compressione Sicura e Ottimizzata?

La modalità Sicura (Safe) rimuove solo spazi vuoti e commenti e accorcia i valori, lasciando ogni regola esattamente dove è stata scritta. La modalità Ottimizzata (Optimized) va oltre e unisce selettori e regole duplicati per ottenere un file ancora più piccolo; può riordinare le regole, quindi sui fogli di stile che dipendono dall'ordine di origine è consigliabile effettuare un rapido controllo prima della pubblicazione. I commenti contrassegnati con /*! … */ vengono conservati in entrambi i casi.

La minimizzazione cambierà l'aspetto della pagina?

In modalità Sicura no: il rendering degli stili rimane identico. Questa modalità riduce gli spazi vuoti, elimina i commenti ordinari e riscrive i valori in forme equivalenti più brevi (come #ffffff in #fff), senza mai modificare i prefissi proprietari o la sintassi moderna. La modalità Ottimizzata unisce anche le regole: il risultato visivo è identico nella quasi totalità dei casi, ma si consiglia di verificare se il foglio di stile dipende dall'ordine delle regole.