Minificador CSS
Pega una hoja de estilos para obtener el CSS equivalente más pequeño, con el tamaño exacto que ahorras.
Sellado en este dispositivo
Funciona en tu navegador. No se sube nada.
Sellado
CSS minificado
Tu CSS minificado aparecerá aquí mientras escribes.
Cómo funciona
-
Pega tu CSS
Pega una hoja de estilos o abre un archivo .css. La minificación empieza mientras escribes.
-
Elige hasta dónde llegar
Fusionar reglas da el archivo más pequeño. Desactívalo si el orden de tus reglas debe quedar exactamente como lo escribiste.
-
Copia o descarga
Consulta el tamaño antes y después, gzip incluido, y copia el resultado o descarga un archivo .min.css.
Preguntas frecuentes
¿Se sube mi CSS?
No. La minificación se hace en tu navegador con el motor de código abierto CSSO. Tu hoja de estilos nunca sale de tu dispositivo.
¿Qué elimina la minificación?
Los espacios, los saltos de línea, los comentarios, el último punto y coma de cada bloque y los ceros y las unidades redundantes. Los colores se acortan (por ejemplo, #ff0000 pasa a ser red) y se eliminan las declaraciones duplicadas.
¿Qué hace «Fusionar y reordenar reglas»?
Combina las reglas que comparten selectores o declaraciones y las mueve cuando es seguro hacerlo, lo que suele ser lo que más bytes ahorra. Si tus estilos dependen de un orden de cascada poco habitual, desactívalo para conservar la estructura tal como está escrita.
¿Por qué conservar los comentarios /*!?
Los comentarios que empiezan por /*! suelen contener una licencia o un aviso de copyright que debe acompañar al código. Todos los demás comentarios se eliminan.
¿Qué es el tamaño gzip?
Los servidores web suelen comprimir el CSS antes de enviarlo. La cifra gzip, medida en tu navegador, indica aproximadamente cuántos bytes viajan realmente por la red.