Minificador de CSS
Minifica CSS online gratis: quita comentarios y espacios en blanco, acorta colores hex, quita unidades de los valores cero, y embellece CSS minificado para leerlo de nuevo. 100% en tu navegador, sin registro.
Tu resultado aparecerá aquí.
⚡ Minificar solo quita lo que el navegador no necesita: comentarios, espacios en blanco, el último punto y coma de una regla y caracteres redundantes. La página se ve exactamente igual, pero el archivo es más pequeño, se descarga antes y bloquea el renderizado menos tiempo. El CSS bloquea el renderizado, así que una hoja más pequeña mejora el First Contentful Paint y el Largest Contentful Paint, dos métricas de Core Web Vitals.
🔒 Privacidad: la minificación y el embellecimiento corren localmente en tu navegador. Tu CSS nunca se sube, se guarda ni lo ve nadie más.
Más herramientas para desarrolladores
Cómo funciona esta calculadora
Un minificador de CSS reduce una hoja de estilos quitando todo lo que el navegador no necesita: comentarios, sangría, saltos de línea y caracteres redundantes. La página se ve exactamente igual, pero el archivo es más pequeño, se descarga antes y bloquea el renderizado menos tiempo. El CSS bloquea el renderizado, lo que significa que el navegador no pinta la página hasta descargar y analizar tus hojas de estilos, así que un archivo más pequeño mejora el First Contentful Paint y el Largest Contentful Paint, dos métricas de Google Core Web Vitals. Pega una hoja de estilos aquí, o sube un archivo .css, y la versión minificada aparece al instante con el conteo de caracteres antes y después y el porcentaje ahorrado.
Este minificador es un pequeño escáner que entiende CSS, no un reemplazo ciego de texto. Quita comentarios, colapsa espacios en blanco, elimina el último punto y coma de cada regla, acorta #ffffff a #fff, convierte 0px, 0em y 0% en un simple 0, y borra las reglas vacías. Cinco interruptores te permiten controlar cada paso, y los comentarios de licencia que empiezan con /*! se conservan por defecto para que la atribución sobreviva. Lo que nunca toca es igual de importante: los espacios alrededor de + y - dentro de calc() se quedan exactamente como están, porque calc(100% - 20px) se rompe sin ellos, y las cadenas entre comillas y los valores de url() pasan intactos, así que las cadenas de content y las rutas de imágenes nunca se dañan.
El modo embellecer hace lo contrario: convierte un archivo minificado en CSS legible con sangría, una declaración por línea, útil cuando heredas un fragmento minificado de un CDN antiguo o de un panel de DevTools y necesitas leerlo. Una herramienta de compilación como cssnano o Lightning CSS suele ahorrar más en un proyecto completo, porque entiende mapas de origen y fusiona reglas, pero para un flujo de trabajo de pegar y listo esta herramienta es más rápida: sin instalación, sin configuración, sin subidas. Ten en cuenta que los tamaños reales de transferencia serán aún menores cuando el servidor aplique gzip o Brotli, así que el porcentaje que se muestra aquí es el ahorro bruto antes de la compresión.