Minificar i formatar CSS

Enganxa el teu full d'estils i prem «Minificar» per treure comentaris, espais i salts de línia innecessaris, o «Formatar» per convertir un CSS comprimit en codi llegible i ben sagnat. Tot es fa al teu navegador.

Què fa el minificador?

Elimina tot el que el navegador no necessita: comentaris, sagnats, salts de línia, espais al voltant de claus, dos punts, comes i combinadors, i el punt i coma final de cada bloc. El resultat normalment ocupa entre un 15% i un 30% menys, i funciona exactament igual.

Respectem el que no es pot tocar: el contingut de les cadenes (content: "…"), les rutes d'url(), els espais obligatoris de calc() i de les media queries, i els comentaris que comencen per /*!, que per convenció contenen llicències i s'han de conservar.

Minificar en producció

Menys bytes vol dir una descàrrega més ràpida i millors mètriques de Core Web Vitals, sobretot als mòbils. A més de minificar, activa la compressió gzip o Brotli al servidor, que redueix el CSS molt més, i serveix els fitxers amb memòria cau de llarga durada.

En un projecte amb eines de compilació (Vite, webpack, PostCSS…) la minificació es fa automàticament amb cssnano o Lightning CSS; aquesta eina és útil per a webs senzills, plantilles o per llegir (formatar) el CSS minificat d'una altra pàgina.