Markdown.es Logo Markdown.es
★

¿Te es útil esta web? Apóyala sin coste: si compras en Amazon, hazlo a través de nuestro enlace de afiliado — el precio es el mismo para ti y nos ayuda a seguir.

Utilidades

Formatear y Minificar HTML

Pega HTML comprimido o mal indentado para dejarlo legible, o comprímelo quitando espacios y comentarios antes de publicarlo.

HTML de entrada
Resultado

Qué hace exactamente cada opción

Formatear Pone cada elemento en su línea e indenta según el nivel de anidamiento. Los elementos en línea con poco contenido se dejan en la misma línea, porque partirlos empeora la lectura en lugar de mejorarla.
Minificar Elimina saltos de línea e indentación y reduce los espacios múltiples a uno solo. De forma opcional, quita también los comentarios.
Lo que nunca se toca El contenido de pre, textarea, script y style, donde los espacios y saltos son significativos y alterarlos rompería la página.

El espacio en blanco sí importa

En HTML, varios espacios seguidos se muestran como uno solo, pero eso no significa que se puedan eliminar todos. Entre dos elementos en línea, ese espacio es visible: 

<span>Hola</span> <span>mundo</span>   →   Hola mundo
<span>Hola</span><span>mundo</span>    →   Holamundo

Por eso la minificación aquí normaliza los espacios en lugar de eliminarlos por completo entre etiquetas: quitarlos del todo ahorraría unos bytes a cambio de romper el texto.

Preguntas frecuentes

¿Modifica mi HTML o solo el formato? Solo el formato. Se reorganizan espacios, saltos de línea e indentación, pero las etiquetas, atributos y contenido quedan exactamente igual. La página renderizada es idéntica.
¿Respeta el contenido de pre y textarea? Sí. Dentro de <pre>, <textarea>, <script> y <style> los espacios son significativos, así que su contenido se deja intacto.
¿Cuánto se ahorra al minificar? Entre un 10 y un 30% del tamaño, según cuánta indentación y cuántos comentarios tenga el original. Sobre HTML ya comprimido con gzip la ganancia real es menor, pero sigue mereciendo la pena en páginas grandes.
¿Es seguro minificar cualquier HTML? Casi siempre, con una salvedad: en elementos en línea, un espacio entre etiquetas sí cuenta visualmente. Por eso los espacios entre etiquetas no se eliminan del todo, solo se normalizan, para no juntar palabras que deberían ir separadas.
Todo ocurre en tu navegador

Esta utilidad se ejecuta enteramente en tu equipo con JavaScript. Lo que escribes o pegas no se envía a ningún servidor, no se guarda y no queda registrado en ninguna parte.

Utilidades relacionadas

Formatear y Minificar CSS Formatear y Minificar JavaScript Formatear XML Entidades HTML

¿Buscas una app para instalar?

80+ Apps Markdown

El directorio más completo en español. Filtra por plataforma, precio y uso.

Ver Aplicaciones →