Minificador CSS
Comprime o embellece tu CSS, con el ahorro en bytes.
- Instantánea
- Gratis
- Privada (procesada localmente)
- Sin registro
CSS más ligero, o más legible — tú eliges
En producción quieres un CSS compacto para cargar rápido; en desarrollo, un CSS aireado para leerlo. Esta herramienta hace ambos sentidos y muestra cada vez cuántos bytes ahorraste o recuperaste.
-
Pega tu CSS
Una regla, una hoja entera, cualquier tamaño.
-
Minifica o embellece
Compresión máxima, o reindentación limpia.
-
Lee el ahorro
Bytes antes → después y porcentaje ahorrado.
Qué quita la minificación
| Antes | Después |
|---|---|
| /* comentario */ | (eliminado) |
| .box { color: red; } | .box{color:red} |
| margin: 0 auto ; | margin:0 auto |
| Saltos de línea y tabulaciones | (eliminados) |
Minificador deliberadamente simple y seguro: no renombra nada ni fusiona reglas. Para producción crítica, una herramienta de build (cssnano, Lightning CSS) irá más lejos.
Preguntas frecuentes
¿Por qué minificar el CSS?
Un archivo CSS más ligero se descarga más rápido: la página se muestra antes y usa menos ancho de banda. En archivos grandes, quitar comentarios, espacios y saltos de línea suele ahorrar un 20–40 % del peso.
¿La minificación cambia el renderizado?
No: solo toca caracteres invisibles (espacios, saltos, comentarios) y el punto y coma final innecesario. Reglas, valores y selectores quedan idénticos. El navegador interpreta exactamente el mismo estilo.
¿Qué hace el modo «embellecer»?
Lo inverso: reindenta un CSS comprimido o mal formateado, una regla por línea, con sangrías, para hacerlo legible y editable. Útil para descifrar el CSS minificado de un sitio y entender cómo está construido.
¿Mis hojas de estilo se envían en línea?
No: todo el procesamiento ocurre en tu navegador, nada se transmite. Puedes minificar CSS confidencial o propietario sin que salga de tu máquina.