Minificar e formatar CSS

Pega a túa folla de estilos e preme «Minificar» para quitar comentarios, espazos e saltos de liña innecesarios, ou «Formatar» para converter un CSS comprimido en código lexible e ben sangrado. Todo se fai no teu navegador.

Que fai o minificador?

Elimina todo o que o navegador non precisa: comentarios, sangrías, saltos de liña, espazos arredor de chaves, dous puntos, comas e combinadores, e o punto e coma final de cada bloque. O resultado ocupa normalmente entre un 15% e un 30% menos, e funciona exactamente igual.

Respectamos o que non se pode tocar: o contido das cadeas (content: "…"), as rutas de url(), os espazos obrigatorios de calc() e das media queries, e os comentarios que comezan por /*!, que por convenio conteñen licenzas e deben conservarse.

Minificar en produción

Menos bytes significan unha descarga máis rápida e mellores métricas de Core Web Vitals, sobre todo nos móbiles. Ademais de minificar, activa a compresión gzip ou Brotli no servidor, que reduce o CSS moito máis, e serve os ficheiros con caché de longa duración.

Nun proxecto con ferramentas de compilación (Vite, webpack, PostCSS…) a minificación faise automaticamente con cssnano ou Lightning CSS; esta ferramenta é útil para webs sinxelas, modelos ou para ler (formatar) o CSS minificado doutra páxina.