Utilore

Minificar CSS

Pega una hoja de estilo y recupérala comprimida. El contador bajo el campo muestra el tamaño antes y después, para que veas si mereció la pena.

El código nunca sale de esta página: el formateo ocurre en tu navegador.

Cómo usarlo

  1. Pega el CSS en el primer campo: se minifica mientras escribes.
  2. Compara los tamaños que aparecen bajo la entrada.
  3. Copia el resultado, o pulsa «Formatear» para volver a leerlo.

Lo que conviene saber

Qué se elimina

Comentarios, saltos de línea, sangría, los espacios alrededor de los dos puntos y de los combinadores, y el punto y coma final antes de cada llave de cierre, que el estándar nunca exigió. Los selectores conservan el espacio que separa un descendiente de su antecesor, porque quitarlo cambia a qué se aplica la regla.

Por qué no se tocan las cadenas

Un punto y coma dentro de content: "a;b" y una llave dentro de un data URI con SVG parecen estructura para una expresión regular. Los minificadores basados en patrones rompen esos archivos en silencio, y el daño aparece como un icono que falta en producción. Este lee la hoja carácter a carácter y traslada las cadenas enteras.

Preguntas frecuentes

¿La hoja sigue funcionando igual?

Sí. No se renombra, reordena ni elimina nada: solo se van espacios y comentarios, y ninguno afecta a cómo se aplica una regla.

¿Cuánto se reducirá mi archivo?

Una hoja escrita a mano suele perder entre un veinte y un treinta por ciento. Tras gzip la diferencia es mucho menor, porque la compresión ya se ocupa de los espacios repetidos.

¿Se envía mi código a un servidor?

No. Todo el proceso ocurre en la página, lo que importa con hojas que aún no son públicas.

¿Puedo volver a leerlo después?

Pulsa «Formatear» y la hoja se despliega con una declaración por línea. Los comentarios originales se han perdido, pero las reglas están todas.

Herramientas relacionadas