Saltar al contenido

Minificar CSS

Elimina comentarios y espacios innecesarios de un CSS para reducir su peso antes de publicarlo.

Se procesa en tu dispositivo. Nada se envía a ningún servidor.

Elimina comentarios y espacios en blanco alrededor de llaves, dos puntos y punto y coma, reduciendo el tamaño del archivo sin cambiar los estilos que aplica.

Casos de uso

  • Reducir el peso de una hoja de estilos antes de publicarla.
  • Optimizar el tiempo de carga de una web.
  • Preparar CSS compacto para incrustarlo en un <style> inline.

Cómo funciona

  1. 1

    Pega tu CSS

    Escribe o pega el código CSS formateado.

  2. 2

    Minifica

    Pulsa Minificar y copia o descarga el resultado compacto.

Detalles técnicos

  • Quita comentarios, espacios alrededor de { } : ; , y el último punto y coma de cada bloque. Ejemplo: «.a { margin : 0 auto ; }» → «.a{margin:0 auto}».
  • El texto entre comillas se conserva tal cual (por ejemplo en content: "…" o en url("…")).
  • No acorta colores, no fusiona reglas ni elimina selectores sin uso: es una reducción de espacios, no una optimización completa como la de cssnano.
  • Un espacio antes de dos puntos en un selector (a :hover, que en CSS significa «descendiente en hover») se elimina y cambia el significado; es un caso raro, pero revísalo si lo usas.

Preguntas frecuentes

¿Puede romper mi CSS?

La minificación es conservadora (solo colapsa espacios y quita comentarios), pero siempre es buena práctica revisar visualmente el resultado antes de publicarlo.

← Web y SEO