Minificador de CSS - Comprima CSS en Línea y Vea el Ahorro
Minificador de CSS
Comprima CSS y vea cuántos bytes ahorra
Compresión Real
Elimina espacios y comentarios, acorta colores (los códigos hexadecimales de seis dígitos pasan a tres cuando es posible) y valores (0px pasa a 0) y quita comillas y unidades innecesarias.
Combina Reglas
Las reglas con declaraciones idénticas se unen y las consultas de medios duplicadas se juntan, lo que a menudo ahorra más que quitar espacios.
Vea el Ahorro
Se muestran el tamaño original, el minificado, el porcentaje ahorrado y el tamaño con gzip, para saber qué descargarán realmente los visitantes.
Privado
Su hoja de estilos se procesa en su navegador con la biblioteca csso. Nunca se sube.
Por Qué Minificar CSS
Los navegadores deben descargar una hoja de estilos antes de mostrar la página, así que cada byte cuenta, sobre todo en conexiones móviles. Minificar elimina todo lo que el navegador no necesita, como la sangría, los comentarios y las unidades redundantes, sin cambiar el aspecto de la página. La mayoría de los sitios sirven además el CSS comprimido con gzip o Brotli, así que fíjese en la cifra con gzip, que se acerca más a lo que se transfiere de verdad.
La opción de reestructurar permite que csso combine y reordene reglas para un resultado menor. Está pensada para conservar la cascada, pero si su CSS depende de un orden de reglas poco habitual, desmárquela para una minificación más simple y segura y compare la página antes de publicar. Los comentarios que empiezan por /*! suelen ser avisos de licencia, por eso se conservan salvo que pida eliminarlo todo.
Puntos Clave
- Conserve el original: El CSS minificado es difícil de editar. Guarde el código legible y minifique al publicar.
- Gzip importa más de lo que parece: Los archivos minificados todavía se comprimen más, y el tamaño con gzip muestra el ahorro real.
- Herramientas relacionadas: Use el Formateador de CSS para volver a hacer legible el CSS minificado.