🗜️ Minificador de CSS
Pega tu CSS y minifícalo al instante — los comentarios se eliminan, los espacios se colapsan y las cadenas junto con los valores url() se mantienen intactos. Ve exactamente cuántos bytes ahorras.
Acerca de
Este minificador de CSS se ejecuta completamente en tu navegador mediante un enfoque de tokenización que gestiona correctamente los casos especiales. Elimina comentarios de una línea (//) y multilínea (/* */), colapsa secuencias de espacios en blanco a un único espacio o los elimina alrededor de signos de puntuación como { } : ; , y >, y preserva el contenido de las cadenas entre comillas y los valores url() para que los espacios dentro de los URIs de datos o los nombres de fuentes nunca resulten dañados. Al ser un tokenizador básico en lugar de un analizador AST completo, es rápido y sin dependencias, adecuado para la gran mayoría de CSS escritos a mano o generados por un preprocesador. La herramienta muestra el tamaño original, el tamaño minificado y los bytes ahorrados.
Cómo usar
- Pega tu CSS en el área de entrada de la izquierda.
- Haz clic en Minify — la herramienta tokeniza tu CSS y muestra una versión comprimida a la derecha.
- Consulta el resumen de tamaño para ver el tamaño original, el tamaño minificado y cuántos bytes se han ahorrado.
- Haz clic en Copiar para copiar el CSS minificado al portapapeles, o usa Descargar para guardarlo como archivo .css.
Preguntas frecuentes
- ¿Esta herramienta procesa mi CSS en un servidor?
- No. La minificación se ejecuta completamente en tu navegador con JavaScript. Tu CSS nunca se envía a ningún lugar.
- ¿La minificación puede estropear mi CSS?
- El tokenizador protege las cadenas entre comillas y los valores url(), por lo que el CSS válido debería salir intacto. Sin embargo, no es un analizador AST completo, por lo que casos especiales inusuales con sintaxis no estándar pueden no gestionarse perfectamente.
- ¿Se eliminan también los comentarios de una línea //?
- Sí. Tanto los comentarios de una línea // como los multilínea /* */ se eliminan. Ten en cuenta que // no es oficialmente parte de la especificación CSS, pero es habitual en los archivos fuente de preprocesadores.
- ¿Cuánto más pequeño quedará mi CSS?
- El CSS escrito a mano suele reducirse entre un 20 y un 40 %. Los archivos con muchos comentarios o abundante espacio en blanco ahorran más. Para la máxima compresión, combínalo con gzip o Brotli en tu servidor.
- ¿Puedo minificar CSS con variables o expresiones calc()?
- Sí. Las propiedades personalizadas (--var), var(), calc() y otras funciones CSS modernas se tratan como valores de token regulares y pasan de forma segura.