Minificador CSS / JS
Pega una hoja de estilos o un script para quitar comentarios y espacios en blanco y reducir su tamaño. Verás el tamaño antes y después, y los errores de sintaxis se señalan con su línea y columna.
ENTRADA
SALIDA
Funciona por completo en tu navegador. Nada de lo que escribes se envía a ningún servidor.
Cómo minificar CSS o JavaScript
Elige CSS o JavaScript
Elige el lenguaje, o abre un archivo .css o .js y se elegirá automáticamente.
Pega el código
El código minificado y el ahorro aparecen mientras escribes. Si aparece un error, corrígelo donde indica el mensaje.
Copia o descarga
Copia el resultado o descárgalo como archivo .min.css o .min.js.
Qué se elimina
En CSS: los comentarios, los espacios sobrantes, el último punto y coma de cada bloque y las reglas vacías. Los números pierden los ceros innecesarios (0.50 pasa a .5) y los colores como #FFFFFF pasan a #fff. Los selectores y el anidamiento se conservan, y los valores de las propiedades personalizadas solo pierden los espacios sobrantes. JavaScript se comprime con la biblioteca de código abierto Terser, que además acorta los nombres de las variables locales si lo permites.
Conserva un original legible
El código minificado sirve para publicar, no para editar. Guarda el original en tu proyecto y minifica una copia, idealmente como parte de tu proceso de compilación. Los comentarios que empiezan por /*! son avisos de copyright y se conservan salvo que desactives esa opción.
Preguntas frecuentes
¿Puede romperse mi código al minificarlo?
El minificador de CSS solo quita lo que no puede cambiar cómo se aplican los estilos. Terser se usa mucho en herramientas de compilación, pero el código que depende de los nombres de las funciones o que lee su propio código fuente puede comportarse de otra forma cuando se acortan los nombres. Si tienes dudas, desactiva Acortar nombres de variables.
¿Admite JavaScript moderno?
Sí. Se admiten clases, encadenamiento opcional, funciones async y módulos con import y export. El código con await de nivel superior se minifica como módulo.
¿Se sube mi código?
No. Los dos minificadores funcionan en tu navegador. El minificador de JavaScript se descarga la primera vez que minificas JavaScript.