HTML Minifier

Dónde se conservan los espacios en blanco

Cada grupo de espacios, tabuladores y saltos de línea se convierte en un único espacio en lugar de desaparecer, porque un espacio junto a contenido en línea es visible: en Read <a href="/guide">the guide</a> now se conservan ambos espacios alrededor del enlace. Los espacios en blanco solo se eliminan donde un navegador no los mostraría: al principio y al final de un elemento de bloque como <p>, <li> o <div>, y entre elementos de bloque hermanos, como la indentación entre elementos <li>. El texto dentro de <pre>, <textarea>, <script> y <style> se deja exactamente como está.

CSS puede hacer que un espacio eliminado vuelva a ser relevante. Un <div> con el estilo display: inline-block o un párrafo con white-space: pre-wrap muestra espacios en blanco que HTML por sí solo considera invisibles, así que compara la página renderizada con la original antes de implementarla.

Qué cambia el analizador del navegador

Un fragmento, como la plantilla de un componente, vuelve como fragmento; una entrada con un doctype o una etiqueta <html>, <head> o <body> vuelve como un documento completo. En ambos casos, el marcado pasa por el analizador del navegador: las etiquetas sin cerrar se cierran, los elementos mal ubicados se mueven al lugar que determina el analizador y cualquier doctype HTML se convierte en <!doctype html>. Se eliminan todos los comentarios, incluidos los marcadores de frameworks escritos como comentarios.

Los scripts y estilos en línea se dejan tal como están. Minifica su contenido por separado con el minificador de JavaScript y el minificador de CSS.

Cómo se usa

1. Pega el HTML.
2. Elige Minify HTML.
3. Revisa y descarga el documento compacto.

Privacidad y límites

El documento permanece local. Prueba siempre las páginas generadas porque los espacios en blanco pueden ser significativos en diseños en línea.