Minificador de CSS
Pega una hoja de estilos y obtén una versión compacta lista para producción. La herramienta muestra el tamaño antes y después.
Sobre esta herramienta
Minificar CSS va mucho más allá de borrar espacios. csso, el optimizador que se usa aquí, también fusiona selectores idénticos, elimina declaraciones sobrescritas, acorta colores (#ffffff → #fff) y unidades (0px → 0), y reordena cuando puede demostrar que es seguro. El resultado suele reducir una hoja de estilos escrita a mano entre un 20 y un 40 % antes de gzip.
El minificador entiende la sintaxis moderna, incluidas las propiedades personalizadas, el anidamiento y las container queries. Sus optimizaciones estructurales son conservadoras y se usan ampliamente en cadenas de compilación, así que el resultado se muestra igual. Conserva el código fuente legible y minifica solo para desplegar.
Preguntas frecuentes
- ¿Es segura la optimización estructural?
- csso solo fusiona o descarta reglas cuando el resultado de la cascada se mantiene idéntico. Lleva años usándose en herramientas de compilación en producción.
- ¿Por qué el ahorro es pequeño?
- Un CSS ya compacto, o con muchos selectores únicos, tiene poco que quitar. El gzip del servidor hace el resto.
- ¿Puedo conservar ciertos comentarios?
- Los comentarios que empiezan por /*! se conservan como avisos de licencia.