Formatta e minifica CSS
Rendi il CSS di nuovo leggibile, o comprimilo per un sito più veloce.
Incolla il CSS, apri un file .css o trascinalo qui
Segnala un problema con questo strumento
Come usare Formattatore e minificatore CSS
Incolla il tuo CSS
Incolla un foglio di stile, oppure apri o trascina un file .css. Viene formattato mentre scrivi.
Formatta o minifica
Formatta mette ogni regola e proprietà sulla sua riga. Minifica rimuove commenti, spazi e tutto ciò che ai browser non serve.
Copia o scarica
Copia il risultato o scaricalo come file .css. Quando minifichi vedi la dimensione prima e dopo.
Perché usare Utils365
Più furbo che togliere spazi
Il minificatore accorcia anche colori come #ff0000 in red, toglie le unità dagli zeri e rimuove le regole vuote.
Le regole restano in ordine
Le regole non vengono mai unite né spostate, così la cascata funziona esattamente come prima e nulla sovrascrive qualcosa di nuovo.
Commenti di licenza mantenuti
I commenti che iniziano con /*! restano nel file minificato, come richiedono molte licenze open source.
Privacy garantita
Il tuo CSS viene formattato nel browser e mai caricato.
Domande frequenti
Quanto si riduce il CSS minificato?
Di solito del 15–30%, di più se il foglio di stile ha molti commenti. Il riepilogo mostra la dimensione esatta prima e dopo, e la percentuale risparmiata.
La minificazione può rompere i miei stili?
È pensata per non farlo. I valori vengono riscritti solo in modi equivalenti, e le regole mantengono il loro ordine, quindi non cambia quale regola prevale.
Come faccio a deminificare il CSS?
Incolla il CSS minificato e scegli Formatta. Ogni regola e proprietà va sulla sua riga con il rientro che scegli. I commenti rimossi non si possono recuperare.
Funziona con SCSS o Less?
Formatta gestisce gran parte di SCSS e Less, annidamento compreso. Minifica si aspetta CSS puro, quindi compila prima il tuo SCSS o Less.