Formateador y minificador de HTML online
Ordena el HTML en un marcado limpio e indentado, o redúcelo para tu web en producción.
Pega HTML, abre un archivo .html o suéltalo aquí
Siguiente: Formateador y minificador CSS · Formateador y minificador JS
Informar de un problema con esta herramienta
Cómo usar Formateador de HTML
Pega tu HTML
Pega una página o un fragmento, o abre o suelta un archivo .html. Se formatea mientras escribes.
Embellece o minifica
Embellecer indenta cada etiqueta con 2 o 4 espacios o un tabulador. Minificar quita los comentarios y los espacios que no se ven.
Copia o descarga
Copia el resultado o descárgalo como archivo .html. Al minificar verás cuántos bytes has ahorrado.
Por qué usar Utils365
Minificación segura
El contenido de <pre>, <textarea>, <script> y <style> nunca se toca, y se mantiene un espacio entre etiquetas en línea, así que la página se ve igual.
Marcado legible
Las etiquetas anidadas reciben una sangría por nivel, así que una página aplastada en una línea se vuelve fácil de leer y editar.
Ve el ahorro
El tamaño antes y después, y el porcentaje ahorrado, aparecen en cuanto minificas.
Privado por diseño
Tu HTML se formatea en tu navegador y nunca se sube, así que las páginas y plantillas sin publicar se quedan contigo.
Preguntas frecuentes
¿Qué elimina un minificador de HTML?
Comentarios, saltos de línea, sangrías y espacios entre etiquetas que los navegadores no muestran. Los antiguos comentarios condicionales de Internet Explorer se conservan porque todavía hacen algo.
¿Minificar cambiará el aspecto de mi página?
No debería. Los espacios junto a elementos de bloque como <div> y <p> nunca se ven, así que se eliminan. Entre elementos en línea como enlaces y botones se mantiene un espacio, porque ahí sí se ve.
¿Se modifican mis scripts y estilos?
No. El contenido de <script> y <style> queda exactamente como está escrito. Para reducirlos también, pásalos por los formateadores de JavaScript y CSS.
¿Por qué no se toca <pre>?
Dentro de <pre> y <textarea> cada espacio y salto de línea se muestra en la página, así que quitar alguno cambiaría lo que ven los visitantes.
¿El formateador arregla HTML roto?
No. Solo cambia la disposición, no tus etiquetas. Una etiqueta de cierre que falta sigue faltando, así que revisa las sangrías: una etiqueta que nunca se cierra desplaza todo lo que sigue un nivel hacia dentro.