Resumen
Este minificador de HTML comprime el marcado sin alterar su estructura esencial. Resulta útil para plantillas, páginas estáticas, fragmentos de componentes y HTML exportado desde herramientas que añaden sangrías y líneas vacías de más. El proceso se ejecuta en el navegador, así que tu código se mantiene local mientras trabajas. Puedes revisar el resultado antes de copiarlo a un build, un CMS o una plantilla, y decidir con más control si los comentarios deben permanecer o salir.
Casos de uso
- Salida de compilación para despliegueReduce el tamaño del HTML final antes de publicarlo para que el archivo sea más compacto en el proceso de entrega.
- Limpieza de exportaciones de herramientasQuita sangrías y bloques de comentarios de HTML generado por creadores de sitios, editores o generadores.
- Publicación de páginas estáticasPrepara HTML escrito a mano para una página de aterrizaje cuando quieres un archivo de origen más compacto.
- Ajuste de plantillas de correoComprime fragmentos HTML usados en correos transaccionales o promocionales donde conviene reducir caracteres innecesarios.
- Revisión de cambios en el marcadoComprueba cuánto aumentan el tamaño real del código los espacios en blanco y los comentarios de un documento concreto.
Como funciona
- 1
Pega tu HTML en el campo de entrada.
- 2
Elige si quieres eliminar los comentarios.
- 3
Ejecuta la minificación para comprimir el marcado.
- 4
Copia el HTML minificado y úsalo en tu proyecto.
Ejemplos
Aplanar espacios anidados
Entrada: <main> <article> <h2>About</h2> <p> Built for release </p> </article> </main>
Salida: <main><article><h2>About</h2><p>Built for release</p></article></main>
Elimina saltos de línea y espacios repetidos sin cambiar la estructura de las etiquetas.
Conservar el contenido, quitar comentarios
Entrada: <div class="card"> <!-- pricing block --> <strong>$19</strong> <span>per month</span> </div>
Salida: <div class="card"><strong>$19</strong><span>per month</span></div>
Los comentarios HTML desaparecen cuando está activada la opción de eliminación.
Recortar una lista pegada con sangría
Entrada: <ul> <li>One</li> <li>Two</li> <li>Three</li> </ul>
Salida: <ul><li>One</li><li>Two</li><li>Three</li></ul>
Sirve para fragmentos copiados desde editores que añaden una sangría muy grande.
FAQ
¿Mantiene las etiquetas y atributos tal como están?
Mantiene la estructura HTML, pero puede normalizar espacios alrededor de nodos de texto y eliminar comentarios si activas esa opción.
¿Cuándo conviene no minificar un fragmento?
Evítalo en contenido donde los espacios exactos dentro del texto sean importantes, como bloques preformateados o textos con espaciado visible intencional.
¿Por qué el resultado se ve distinto tras minificar?
La herramienta elimina saltos de línea y comprime espacios repetidos, así que el código fuente queda más compacto aunque el render debería seguir igual.
¿Puedo dejar comentarios en el resultado?
Sí. Si desactivas la eliminación de comentarios, la herramienta los conserva en el HTML.