Comprime hojas de estilo CSS en tu navegador
Este minificador de CSS reduce las hojas de estilo eliminando cada byte que el navegador no necesita para renderizar tu página. Quita comentarios, une los espacios, elimina los punto y coma finales y acorta las unidades cero y los colores hex, convirtiendo el CSS de desarrollo abultado en código compacto y listo para producción que se descarga y se procesa más rápido.
Por qué minificar CSS
Cargas de página más rápidas
Menos ancho de banda
Sin paso de compilación
Cómo minificar código CSS
Pega o sube tu CSS
Escribe o pega tu hoja de estilos en el panel de entrada, o usa Subir para cargar un archivo .css. Prueba el botón Ejemplo para verlo en acción. La minificación también se ejecuta automáticamente mientras escribes.
Configura la opción de comentarios
Activa Quitar comentarios para eliminar todos los bloques /* ... */, o desactívala para conservar las cabeceras de licencia y las notas.
Minifica
Haz clic en Minificar o presiona Ctrl + Enter. El CSS comprimido aparece al instante con resaltado de sintaxis en el panel de salida.
Revisa y exporta
Consulta la barra de estadísticas para ver el tamaño original, el tamaño minificado y el porcentaje ahorrado. Luego Copia el resultado o Descárgalo como minified.css.
Qué optimiza el compresor de CSS
El minificador aplica transformaciones seguras y bien establecidas que reducen tu CSS sin cambiar cómo se renderiza.
| Optimización | Antes | Después |
|---|---|---|
| Quitar comentarios | /* header */ | (eliminado) |
| Unir espacios | margin: 0 auto; | margin:0 auto |
| Punto y coma finales | color:red;} | color:red} |
| Unidades cero | padding: 0px; | padding:0 |
| Acortar colores hex | #ffffff | #fff |
Diseñado para seguir siendo válido
Conserva las expresiones calc()
Los espacios alrededor de los operadores dentro de calc() son obligatorios según la especificación, así que el minificador los protege y tus cálculos siguen funcionando.
Interruptor de comentarios
Conserva o elimina los comentarios /* */ con un solo interruptor: útil para mantener los avisos de licencia.
Estadísticas de compresión en vivo
Consulta el tamaño original, el tamaño minificado y el porcentaje ahorrado después de cada ejecución.
Subir, copiar y descargar
Carga un archivo .css desde el disco, copia el resultado al portapapeles o descárgalo como archivo.
Preguntas frecuentes
¿Qué hace realmente minificar el CSS?
Elimina los caracteres que el navegador no necesita para renderizar la página —saltos de línea, sangrías, comentarios y espacios alrededor de llaves, punto y coma y dos puntos— además de atajos seguros como 0px → 0 y #ffffff → #fff. Los selectores, las propiedades, los valores y el orden de la cascada se conservan exactamente.
¿Cuánto se reducirá mi CSS?
La mayoría de las hojas de estilo se reducen entre un 20 % y un 50 %, según cuántos comentarios y cuánto espacio en blanco contenga el original. El CSS muy documentado o con formato generoso logra el mayor ahorro. La barra de estadísticas muestra el porcentaje exacto para tu archivo.
¿La minificación romperá mi hoja de estilos?
No. El minificador solo elimina los caracteres innecesarios y acorta valores de forma segura. Protege las expresiones calc() y deja intactas las media queries y los selectores, así que el resultado renderizado es idéntico a tu código original.
¿Puedo desminificar o volver a dar formato al CSS minificado?
Esta herramienta solo minifica. Como la minificación es un cambio de formato, un embellecedor de código puede volver a aplicar sangría a la salida, pero los comentarios y los nombres originales se pierden. Conserva siempre tu código original sin minificar para el desarrollo y minifica solo la copia que despliegas.
¿Minificar es lo mismo que la compresión gzip?
No, se complementan. La minificación reescribe el CSS para eliminar caracteres redundantes; gzip o Brotli comprimen después los bytes transferidos a nivel de servidor. Minifica primero y luego deja que tu servidor aplique gzip encima para lograr la descarga más pequeña.
¿Elimina los comentarios de licencia?
Si Quitar comentarios está activado, se eliminan todos los comentarios /* */, incluidas las cabeceras de licencia. Desactiva la opción cuando necesites conservar la atribución o los avisos legales.
¿Se envía mi código a un servidor?
No. Toda la minificación ocurre localmente en tu navegador mediante JavaScript. Tu CSS nunca se sube, se registra ni se guarda en ningún lugar.
Aún no hay comentarios. ¡Sé el primero en comentar!