Herramientas Web

Minificador de código

Pega tu código, elige el lenguaje y obtén la versión minificada con el ahorro exacto, incluido el tamaño con gzip. También embellece código minificado. Todo se procesa en tu navegador: tu código no se envía a ningún servidor.

Se procesa en tu dispositivo. No se sube nada.

Lenguaje
Acción
Opciones

Tu código se procesa en este dispositivo: no se envía a ningún servidor.

Revisa siempre el resultado antes de publicarlo. Minificar no cambia lo que hace el código, pero acortar nombres puede romper lo que use eval o llame a las funciones por su nombre en texto.

Paso a paso

Cómo se usa

  1. Pega tu código en la entrada, arrastra un archivo o pulsa «Ejemplo». El lenguaje se detecta por la extensión del archivo o por el contenido, y puedes cambiarlo a mano.
  2. Elige «Minificar» para reducir el tamaño o «Embellecer» para dar formato legible a un código minificado, con 2 espacios, 4 espacios o tabulador.
  3. Ajusta las opciones: quitar comentarios (los que empiezan con /*! se conservan), acortar nombres, quitar console.log o colapsar espacios en HTML.
  4. Revisa las cifras de ahorro y el tamaño con gzip. Si hay un error de sintaxis, verás la línea y la columna con una explicación; pulsa «Ir al error» para saltar hasta ahí.
  5. Copia el resultado o descárgalo con el nombre correcto, por ejemplo .min.js o .min.css. Prueba siempre el código minificado antes de publicarlo.
FAQ

Preguntas frecuentes

¿Mi código se sube a algún servidor?

No. Todo se procesa en tu navegador con bibliotecas de código abierto (Terser, CSSO, html-minifier-terser y SVGO) que se descargan solo cuando eliges ese lenguaje. Puedes pegar código privado con tranquilidad.

¿Cuánto se reduce el tamaño?

Depende del código. Un JavaScript con comentarios y nombres largos suele bajar entre 40 % y 70 %; un CSS con espacios y valores redundantes, entre 20 % y 40 %. Además de los bytes, mostramos el tamaño con gzip, que es el que el servidor envía en la práctica.

¿Puede romper mi código el minificado?

Quitar espacios y comentarios no cambia el comportamiento. Acortar nombres y la compresión agresiva sí pueden romper código que use eval, new Function, with o llame a funciones globales por su nombre desde otros scripts. Si algo falla, desactiva esas opciones y compara.

¿Se conservan las licencias y los comentarios importantes?

Sí. En JavaScript y CSS, los comentarios que empiezan con /*! se mantienen al quitar comentarios (en JavaScript también los que incluyen @license o @preserve), para que no pierdas los avisos de licencia de las bibliotecas que uses.

¿Qué pasa con los números grandes en JSON?

Se conservan tal cual. Muchos minificadores leen el JSON como objeto de JavaScript y cambian 12345678901234567890 por 12345678901234567000. Aquí cada número mantiene sus dígitos originales.

¿Puedo volver a leer un código minificado?

Sí. Cambia a «Embellecer» para recuperar sangría y saltos de línea. Los nombres acortados por un minificador no se pueden restaurar, porque esa información se pierde al minificar.

Qué hace un minificador

Un minificador quita todo lo que el navegador no necesita para ejecutar tu código: espacios, saltos de línea, comentarios y, en JavaScript, nombres largos de variables locales. El archivo resultante hace lo mismo, pero pesa menos y se descarga antes. En una página con mucho código, eso se nota en la velocidad de carga.

Qué se aplica a cada lenguaje

  • JavaScript: elimina código muerto, simplifica expresiones y acorta nombres locales con Terser.
  • CSS: reduce colores (#ffffff pasa a #fff), valores repetidos (0px pasa a 0) y fusiona reglas iguales con CSSO.
  • HTML: colapsa espacios, quita comentarios y comillas de atributos que no las necesitan.
  • JSON: quita el espacio sobrante sin tocar los valores ni el orden de las claves.
  • SVG: limpia metadatos, redondea coordenadas y simplifica trazados con SVGO.

Buenas prácticas antes de publicar

Conserva siempre el archivo original: el minificado no es para editar. Prueba el resultado en tu página, sobre todo si activaste «Acortar nombres» o la compresión agresiva. Si usas un empaquetador como Vite, esbuild o webpack, ya minifica por ti al compilar; esta herramienta sirve para archivos sueltos, fragmentos y comprobaciones rápidas.

Actualizada el 30 de septiembre de 2026