Inicio / Herramientas para desarrolladores / Minificador de CSS
Minificador de CSS
El CSS minificado se descarga antes y se renderiza antes. Esta herramienta elimina comentarios y espacios, acorta los colores hexadecimales de seis dígitos cuando puede y quita unidades innecesarias de los ceros, e informa de cuántos bytes ahorraste.
Cómo se usa
- Pega tu hoja de estilos.
- Pulsa minificar.
- Copia el resultado o descárgalo como style.min.css.
Ejemplos
- #333333 → #333, tres bytes menos cada vez que aparece.
- 0px → 0, porque el cero no necesita unidad.
- Una hoja escrita a mano suele encoger entre un 20 y un 30 por ciento.
Preguntas frecuentes
¿Debo conservar la versión legible?
Siempre. El CSS minificado es una salida de compilación, no un archivo fuente. Edita la copia legible, minifica al publicar y guarda ambas: mantener un archivo minificado es doloroso y los errores cuestan de ver.
¿Reescribe selectores o fusiona reglas?
No, y es a propósito. Solo se aplican reducciones textuales seguras, así que el resultado se comporta igual. Los optimizadores agresivos que reordenan o fusionan reglas pueden alterar la cascada de formas difíciles de depurar.
Herramientas relacionadas
Actualizado: 2026-08-07