Minificador HTML

Minifica HTML de forma segura: quita comentarios, compacta espacios y elimina los que rodean etiquetas de bloque, sin tocar pre, textarea, script ni style.

Entrada HTML

Salida

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

Herramientas Relacionadas

Ver Todas

Formateador JSON Validador JSON Formateador XML camelCase snake_case kebab-case PascalCase CONSTANT_CASE

¿Qué es Minificador HTML?

El Minificador HTML reduce el tamaño del HTML con transformaciones conservadoras que no alteran el renderizado: se eliminan los comentarios, las secuencias de espacios se convierten en un solo espacio y se quitan los espacios junto a etiquetas de bloque. El contenido de <pre>, <textarea>, <script> y <style> se conserva byte a byte.

Cómo usar Minificador HTML

Pega el HTML en el cuadro de entrada.
Haz clic en Minificar (la salida también se actualiza mientras escribes).
Revisa la línea de tamaño para ver cuánto se ahorró.
Copia o descarga el HTML minificado.

Ejemplo

Entrada

<div>
  <!-- c -->
  <p>Hello   <b>big</b>
 world</p>
  <pre>  a
 b</pre>
</div>

Salida

<div><p>Hello <b>big</b> world</p><pre>  a
 b</pre></div>

Cuándo usar Minificador HTML

Úsalo para páginas estáticas, plantillas de correo o fragmentos de HTML incrustados en código. La ganancia es modesta comparada con gzip/brotli. No elimina etiquetas opcionales ni las comillas de los atributos, así que la salida sigue siendo válida y predecible.

Cómo funciona Minificador HTML

Un pequeño tokenizador divide la entrada en etiquetas, texto, comentarios y bloques de texto sin procesar. Los comentarios se eliminan, salvo los comentarios condicionales de Internet Explorer (<!--[if …]>). En el texto, cualquier secuencia de espacios se convierte en un solo espacio; los espacios iniciales y finales se quitan cuando el vecino es una etiqueta de bloque como div, p, li o table, pero se mantienen entre elementos en línea (<b>a</b> <i>b</i>), donde son visibles. Los espacios dentro de las etiquetas se normalizan; los valores de los atributos no cambian. El JavaScript y el CSS de la página no se minifican: para eso usa el Minificador JS o el Minificador CSS.