Minificador de HTML

Minifica HTML.

Cómo usar

Cuatro pasos: pega, ejecuta, revisa y copia. Todo ocurre en tu navegador.

Pega el contenido

Pega el contenido

Introduce CSS, HTML, JSON u otro texto. No se sube nada.

Ejecuta la herramienta

Ejecuta la herramienta

Pulsa Convertir o Ejecutar. El resultado aparece al instante.

Revisa la salida

Revisa la salida

Lee el código generado y las notas antes de usarlo.

Copia y usa

Copia y usa

Copia el resultado y pégalo en tu proyecto.

Sobre esta herramienta

Elimina los espacios y saltos de línea sobrantes del HTML para obtener fragmentos más pequeños o medir tamaños con rapidez. Ten cuidado con pre y con el JS en línea, donde el espaciado importa; para un sitio completo conviene minificar en el build.

Ejemplo

El ejemplo es una tarjeta con sangría que acaba en una línea.

Entrada

<div class="card">
  <h2>Title</h2>
  <p>Body copy</p>
</div>

Salida

<div class="card"><h2>Title</h2><p>Body copy</p></div>

Consejo

Deja la minificación de un sitio entero a tu herramienta de build, que entiende el contexto de cada etiqueta.