Minificatore CSS — byte in meno sulla pagina

Che cosa fa questo strumento

CSS leggibile diventa il CSS più piccolo che si comporta allo stesso modo.

a {
  margin: 0 auto;
  color: red;
}

a{margin:0 auto;color:red}

Se ne vanno gli spazi attorno alla punteggiatura e l’ultimo punto e virgola prima di una parentesi di chiusura; il resto resta esattamente com’era.

I commenti di licenza restano

/*! normalize.css v8 | MIT License */
a { color: red }

/*! normalize.css v8 | MIT License */a{color:red}

Un commento che comincia con /*! è la convenzione che ogni minificatore rispetta: vuol dire «questo non è decorazione». È lì che vivono le note di licenza, e una licenza spesso richiede che viaggino con il codice. Venivano tolti insieme al resto — un difetto vero, trovato scrivendo questa pagina e corretto. I commenti ordinari se ne vanno ancora, perché è per questo che sei venuto.

Gli spazi che significano qualcosa restano

• Dentro le stringhe. content: "a b" tiene i suoi due spazi: tra virgolette, uno spazio è un valore.
• Dentro url(). Un URL senza virgolette può contenere uno spazio, una barra o un punto e virgola, e lì nessuno di questi è sintassi.
• Attorno agli operatori di calc(). calc(100% - 10px) senza i suoi spazi non è la stessa espressione — non si analizza più.
• Tra i selettori. a b è «un b dentro un a»; a>b, a~b e a+b non hanno bisogno dello spazio e lo perdono.

Che cosa non fa

Questo è un minificatore di spazi, e nient’altro. Non accorcia i colori, non compatta le proprietà abbreviate, non toglie l’unità agli zeri, non fonde le regole doppie e non riordina niente. Quelle trasformazioni sono di un ottimizzatore come cssnano o Lightning CSS, ognuna porta un rischio, e nessuna è il motivo per cui si incolla un foglio di stile in una casella su una pagina web.

Il formattatore CSS di questo sito è il viaggio inverso, per quando vorrai rileggere il file.

Privato per progettazione

Tutto viene eseguito localmente nel browser con JavaScript. I tuoi dati non vengono mai caricati, quindi lo strumento è sicuro per contenuti sensibili e funziona anche offline.