Minificador de CSS
Minifica CSS en el navegador.
Sobre esta herramienta
Quita comentarios y espacios superfluos del CSS para reducir el tamaño del archivo. Sirve para comprobaciones rápidas: en producción, el propio empaquetador se encarga de minificar.
Cómo usar
Pega CSS legible, ejecuta Minificar y compara el tamaño antes y después. Para el artefacto real de release, sigue confiando en tu pipeline.
Ejemplo
El ejemplo lleva un comentario que la minificación elimina.
Entrada
.hero {
/* homepage band */
padding: 4rem 1.5rem;
background: #0f172a;
color: #e2e8f0;
}Salida
.hero{padding:4rem 1.5rem;background:#0f172a;color:#e2e8f0}Consejo
Nunca guardes solo la versión minificada: el original formateado debe seguir en el repositorio.
Conviene saber
¿Cuánto pesará menos mi CSS?
Depende de cuántos espacios y comentarios tenga el original: el CSS con muchos comentarios e indentación es el que más se reduce. Esta herramienta solo quita espacios y comentarios; un minificador de build también puede fusionar y acortar reglas, así que úsalo para la versión final.
¿Puede romper mis estilos?
Se conservan los espacios en selectores descendientes como “nav :first-child”, porque quitarlos cambiaría el significado. Los comentarios se eliminan, incluidos los banners de licencia.