Minificador CSS
- Pega el CSS en el campo de entrada.
- El resultado minificado aparece junto al tamaño original, el tamaño final y el ahorro en porcentaje.
- Copia el resultado a tu archivo de producción.
- Los comentarios /* ... */ por completo.
- Los espacios alrededor de llaves, dos puntos, punto y coma, comas y de los combinadores >, + y ~.
- El último punto y coma antes del cierre de cada bloque, que es opcional.
- Los saltos de línea y la indentación, colapsados en un único espacio.
La reducción típica queda entre el 15% y el 30% del texto, según cuánta indentación y cuántos comentarios hubiera.
La ganancia real, sin embargo, es menor de lo que ese número sugiere: los servidores entregan el CSS con compresión gzip o brotli, y esos algoritmos ya manejan muy bien el espacio repetido. Una vez comprimido, la diferencia entre la versión minificada y la original suele ser bastante más modesta.
Eso no hace inútil la minificación: reduce el tamaño en disco, el tiempo de análisis del navegador y el volumen transferido cuando no hay compresión. Solo ajusta la expectativa.
Esta es una minificación basada en texto, no un minificador con analizador sintáctico completo. No reordena propiedades, no elimina reglas duplicadas, no fusiona selectores ni acorta colores.
Un efecto secundario que conviene conocer: los espacios múltiples dentro de un valor de texto, como en content: "a b", se colapsan junto con el resto. Si tu CSS depende del espaciado exacto dentro de comillas, revisa el resultado.
Para un flujo de producción, herramientas como cssnano y lightningcss hacen optimizaciones estructurales que una minificación textual no alcanza.
Todo el procesamiento ocurre en tu navegador; no se envía nada a ningún servidor.
Preguntas frecuentes
Para CSS común, no. El único caso a vigilar es el espaciado múltiple dentro de valores entre comillas, que se colapsa.
La ganancia adicional es modesta, porque gzip ya comprime bien el espacio repetido. Aun así reduce el tamaño en disco y el tiempo de análisis del navegador.
Porque es opcional en la última declaración de un bloque. Quitarlo ahorra un byte por regla y no altera el comportamiento.
No de forma exacta: los comentarios y el formato original se pierden. Se puede reindentar el resultado, pero lo eliminado no vuelve. Conserva siempre la versión fuente.
No. La minificación ocurre en tu navegador.