Minificador de código

Minifica JavaScript (Terser), CSS (CSSO), HTML, JSON o XML con una sola herramienta: elige el lenguaje, pega el código y ve los bytes ahorrados. Gratis y en tu navegador.

Salida

Se ejecuta completamente en tu navegador. Tus datos nunca se suben.

Herramientas Relacionadas

Ver Todas

¿Qué es Minificador de código?

El Minificador de código reúne en un solo lugar la minificación de varios lenguajes. Elige JavaScript, CSS, HTML, JSON o XML y aplicará el minificador adecuado, mostrando el tamaño original y el minificado.

Cómo usar Minificador de código

  1. Selecciona el Lenguaje.
  2. Pega tu código en el cuadro de entrada.
  3. Haz clic en Minificar (la salida también se actualiza mientras escribes).
  4. Copia o descarga el código minificado.

Ejemplo

Entrada
a { color : red ; }
Salida
a{color:red}

Lenguaje: CSS.

Cuándo usar Minificador de código

Úsalo para minificaciones rápidas y puntuales y para comparar tamaños. En aplicaciones de producción, minifica en tu pipeline de build con source maps. Las páginas de cada minificador explican cada motor con más detalle.

Cómo funciona Minificador de código

Cada lenguaje usa un motor específico: JavaScript: Terser con compresión y renombrado de nombres locales; CSS: minificación estructural con CSSO tras comprobar llaves y cadenas; HTML: un minificador seguro que elimina comentarios y compacta espacios, pero deja intactos pre, textarea, script y style; JSON: análisis estricto e impresión compacta que conserva los números; XML: comprobación de buena formación y después eliminación de los espacios entre etiquetas y de los comentarios.

Casos de Uso Comunes

  • Minificar un fragmento antes de incrustarlo en una página
  • Comparar el tamaño de distintas versiones del código
  • Compactar payloads JSON o XML
  • Eliminar comentarios antes de compartir código

Nota de Seguridad

Todo se ejecuta localmente en tu navegador; el código que pegas no se sube a ningún servidor.

Preguntas Frecuentes

¿Qué lenguaje está seleccionado por defecto?

JavaScript. Cámbialo con el selector de Lenguaje.

¿Genera source maps?

No.

¿Puede minificar TypeScript?

No, compila primero el TypeScript a JavaScript.

Siguientes pasos recomendados

Explora más categorías