Minificador de CSS

El Minificador de CSS elimina comentarios y colapsa espacios en blanco de tu hoja de estilo para reducir el tamaño del archivo en producción — descargas más pequeñas, análisis y renderizado más rápidos. Pega CSS legible y obtén una salida compacta al instante, con una comparación de tamaño antes/después en vivo y un nivel de compresión ajustable.

• •Colapso de espacios en blanco: un minificador consciente de comillas y comentarios elimina espacios, saltos de línea y líneas en blanco, dejando intacto el contenido de las cadenas
• •Eliminación de comentarios: elimina los comentarios /* ... */, o consérvalos — por ejemplo, para preservar un encabezado de licencia — mediante el interruptor de preservación de comentarios
• •Optimización de color: acorta los colores hexadecimales de 6 dígitos y los valores rgb() a la forma abreviada hexadecimal de 3 dígitos cuando los canales lo permiten
• •Nivel de compresión: el modo Normal realiza una minificación segura de espacios en blanco, comentarios y color; el modo Agresivo también elimina ceros iniciales redundantes (0.5px → .5px) y quita los dígitos de longitudes con valor cero (0px → 0)
• •Comparación de tamaño: ve el tamaño original, el tamaño minificado y el porcentaje de reducción uno al lado del otro
• •Salida descargable: guarda el resultado minificado directamente como archivo .css

• •Reducir una hoja de estilo antes de desplegarla en producción para acortar el tiempo de carga de la página
• •Preparar un pequeño fragmento de CSS para incrustarlo en línea en una etiqueta <style> o un correo HTML sin inflarlo
• •Verificar rápidamente cuánto se reducirá una hoja de estilo antes de configurar un pipeline completo de PostCSS o compilación
• •Minificar una hoja de estilo puntual para un CodePen, gist, o prototipo estático donde un paso de compilación no es práctico
• •Comparar el tamaño minificado con un presupuesto de rendimiento para una auditoría de Core Web Vitals o Lighthouse

1. 1.Pega tu CSS en el editor de entrada, o sube un archivo .css
2. 2.Elige compresión Normal o Agresiva, y decide si preservar los comentarios
3. 3.La salida minificada y el porcentaje de reducción de tamaño aparecen automáticamente
4. 4.Copia la salida o descárgala como archivo .css
5. 5.Verifica el conteo de bytes antes/después para confirmar el ahorro de tamaño antes de desplegar

• •La eliminación agresiva de ceros (0px → 0) es segura para unidades de longitud, pero omite el contenido de cadenas y comentarios y no toca las matemáticas dentro de expresiones calc()
• •El espacio en blanco dentro de cadenas entre comillas — nombres de font-family, content: "...", rutas url() — siempre se preserva exactamente; solo se elimina el espacio en blanco estructural fuera de cadenas y comentarios
• •Este minificador no renombra clases, fusiona selectores duplicados, ni elimina reglas no utilizadas — eso requiere un optimizador integrado en una herramienta de compilación como cssnano o PurgeCSS

• •Esto es minificación de espacios en blanco, comentarios y color, no una optimización completa — para una reducción de tamaño máxima (fusión de selectores, eliminación de reglas duplicadas, eliminación de CSS no utilizado), usa un minificador integrado en una herramienta de compilación como cssnano o PurgeCSS
• •La salida minificada pierde toda legibilidad — mantén siempre tu código fuente original bajo control de versiones
• •Las hojas de estilo muy grandes pueden ser lentas de procesar completamente en el navegador — para pipelines de compilación de producción, integra la minificación en PostCSS o tu bundler en lugar de usar una herramienta puntual del navegador

Si tienes CSS minificado o comprimido y necesitas leerlo o depurarlo, usa en su lugar el Embellecedor de CSS. Restaura la indentación, las propiedades ordenadas y un espaciado consistente para que la hoja de estilo sea realmente legible.