¿Algo va mal con esta herramienta?
Sobre «Minificador CSS En Línea»
Esta herramienta minifica CSS eliminando espacios en blanco innecesarios, comentarios y sintaxis redundante. La salida es funcionalmente idéntica a la entrada pero significativamente más pequeña — a menudo una reducción del 30-50% en el tamaño del archivo — lo que significa cargas de página más rápidas y menores costos de ancho de banda.
Las operaciones comunes de minificación incluyen eliminar espacios, quitar comentarios, acortar colores hex (#FFFFFF → #FFF), unir varios selectores que comparten las mismas declaraciones y eliminar unidades cero (0px → 0).
Ejecuta el minificador en tus estilos antes de desplegar a producción. La salida se preserva exactamente al ser parseada por los navegadores — solo se pierde el formato legible por humanos. Los source maps pueden mapear la versión minificada al original para depuración.
Cómo usar esta herramienta
Cómo comprimir un CSS para producción
Pega el CSS
Stylesheet completo (o un bloque) en el campo «CSS». Se retiran comentarios, saltos de línea e indentación. Strings y literales url() se mantienen.
Ejecutar
Resultado: campo `minified` y `savedPercent` (cuánto menor es la salida). Ahorro habitual: 20–40% en CSS hecho a mano, menos en frameworks ya optimizados.
Qué se elimina
Comentarios de bloque (`/* … */`) y whitespace inseguro (alrededor de `{ } : ; ,`). Los `;` antes de `}` se mantienen (más seguro en parsers antiguos) o se quitan según el minifier — comprueba la salida si los bytes exactos importan.
Avisos
No fusiona selectores duplicados, no acorta colores (`#ffffff` no se vuelve `#fff`), no reordena declaraciones. Para minificación más agresiva integra csso o lightningcss en tu build.