Cómo se usa
- Pega tu CSS.
- Elige si quieres reestructurar las reglas y conservar los comentarios de licencia.
- Haz clic en Minificar o pulsa Ctrl+Enter (⌘+Enter en Mac).
- Copia o descarga el CSS minificado.
Opciones explicadas
- Fusionar y reestructurar reglas
- Combina reglas con el mismo selector o las mismas declaraciones cuando es seguro hacerlo. Desactívalo para limitarte a quitar espacios y acortar valores.
- Conservar comentarios de licencia
- Conserva los comentarios que empiezan por /*!, que es la convención para los avisos de licencia.
Ejemplos
a { color: #ff0000; }
/* note */
a { margin: 0px; }se minifica como a{color:red;margin:0}.
Preguntas frecuentes
¿Qué se acorta?
Los colores (#ff0000 → red, #ffffff → #fff), las unidades con valor cero (0px → 0), los puntos y coma y las comillas redundantes, y los espacios. Con la reestructuración activada, se fusionan las reglas duplicadas.
¿La reestructuración puede cambiar el aspecto de mi página?
CSSO solo mueve declaraciones cuando el resultado de la cascada sigue siendo el mismo. Si dependes de hacks poco habituales, compara el resultado o desactiva la reestructuración.
¿Se sube mi código?
No. La minificación se hace en tu navegador.
Privacidad
Esta herramienta funciona por completo en tu navegador. Tus archivos y textos se procesan en tu dispositivo y nunca se suben a nuestros servidores.