La combinación respeta la cascada
Las reglas se combinan de forma que se mantenga la misma cascada. Si una página se ve distinta, desactiva la reestructuración y vuelve a minificar.
PARA DESARROLLADORES WEB
El código se queda en tu dispositivo
Minificador de CSS
Minifica CSS quitando espacios y comentarios, acortando colores y valores y combinando reglas duplicadas. Gratis y en tu navegador.
1 Tu CSS
Procesado en tu navegador. No se sube nada.
TRES PASOS SENCILLOS
Cómo minificar CSS
-
01
Pega tu hoja de estilos
Pega el CSS de un archivo o de una etiqueta style, incluidas las media queries y las propiedades personalizadas.
-
02
Decide si reestructurar
Deja activada la combinación de reglas para obtener el archivo más pequeño, o desactívala para quitar solo espacios, comentarios y valores redundantes.
-
03
Usa el CSS minificado
Copia el resultado o descárgalo como styles.min.css y enlaza ese archivo desde tus páginas.
Conviene saber
Se conservan los comentarios de licencia
Los comentarios que empiezan por /*! se conservan, así que los avisos de copyright que exige una licencia siguen en el archivo.
Valida primero
El minificador no informa del CSS no válido, así que valida tu hoja de estilos y prueba el archivo minificado en los navegadores que admites.
PREGUNTAS
Preguntas frecuentes
¿Minifico el CSS antes o después de compilar Sass?
Compila primero Sass o Less a CSS normal y pega ese CSS aquí. Esta herramienta comprime CSS y no compila la sintaxis de preprocesadores. Guarda tu código editable aparte del resultado minificado.
¿Cuánto se reducirá mi CSS?
Depende de cuántos espacios, comentarios y repeticiones tenga el archivo. La herramienta muestra el tamaño antes y después y el porcentaje ahorrado.
¿Puedo minificar Sass o Less?
No. Compila primero Sass o Less a CSS y pega aquí el CSS compilado.
¿El CSS minificado funcionará en los mismos navegadores?
Sí. El minificador no añade sintaxis nueva: acorta lo que ya existe, por ejemplo #ffffff a #fff y 0px a 0.