Minificar CSS

Reduce CSS, HTML y JavaScript sin romperlos

Código minificado

Se quitan los comentarios, los espacios y los saltos de línea. Los nombres y los valores se quedan como están, así que el código funciona igual.

Todo ocurre en tu navegador: tu texto nunca se envía a ninguna parte.

Cómo minificar CSS

Paso 1

Pega tu CSS en el primer campo

Paso 2

Mira el código minificado y los bytes ahorrados

Paso 3

Copia el CSS minificado en tu sitio

Qué hace minificar CSS

Los espacios, saltos de línea, sangrías y comentarios hacen que una hoja de estilos sea fácil de leer para las personas, pero los navegadores no los necesitan. Pega tu CSS y el código minificado aparece mientras escribes, con su tamaño en bytes y lo que se ha ahorrado. Solo se quita lo que no cambia nada: el espacio de un selector descendiente como nav a se queda, porque nava sería otro selector, igual que los espacios que necesita calc(). Los comentarios que empiezan por /*!, que suelen contener una licencia, se conservan.

La misma herramienta también minifica HTML y JavaScript: elige el lenguaje encima del campo. Para HTML, «Quitar los comentarios» borra los comentarios y «Minificar también el CSS y el JavaScript que contiene» minifica además los bloques de estilo y de script de la página. Tu navegador comprueba primero el JavaScript y, si el código tiene un error, la herramienta lo muestra en lugar de minificar el código. Minificar se suma a la compresión gzip o Brotli del servidor, ya que ambas reducen el archivo de maneras distintas. Tu código no se envía a ninguna parte.

¿Le resultó útil AnyTextEditor?

Hola. Intentamos mucho crear un sitio web conveniente que usamos nosotros mismos. Si te ha gustado alguna de nuestras herramientas y editores, agrégala a tus marcadores, porque te será útil más de una vez. Y no olvides compartir en las redes sociales. Seremos mejores para ti.