Minificar y formatear CSS

Pega tu hoja de estilos y pulsa «Minificar» para quitar comentarios, espacios y saltos de línea innecesarios, o «Formatear» para convertir un CSS comprimido en código legible y bien sangrado. Todo se hace en tu navegador.

¿Qué hace el minificador?

Elimina todo lo que el navegador no necesita: comentarios, sangrías, saltos de línea, espacios alrededor de llaves, dos puntos, comas y combinadores, y el punto y coma final de cada bloque. El resultado ocupa normalmente entre un 15 % y un 30 % menos, y funciona exactamente igual.

Respetamos lo que no se puede tocar: el contenido de las cadenas (content: "…"), las rutas de url(), los espacios obligatorios de calc() y de las media queries, y los comentarios que empiezan por /*!, que por convenio contienen licencias y deben conservarse.

Minificar en producción

Menos bytes significan una descarga más rápida y mejores métricas de Core Web Vitals, sobre todo en móviles. Además de minificar, activa la compresión gzip o Brotli en el servidor, que reduce el CSS mucho más, y sirve los ficheros con caché de larga duración.

En un proyecto con herramientas de compilación (Vite, webpack, PostCSS…) la minificación se hace automáticamente con cssnano o Lightning CSS; esta herramienta es útil para webs sencillas, plantillas o para leer (formatear) el CSS minificado de otra página.