Formatear y Minificar HTML - legible o compacto
Formateador y minificador HTML
Qué hace esta herramienta
Dos tareas opuestas sobre el mismo texto. Formatear añade saltos de línea y sangría para que una persona siga el anidamiento; minificar quita todo lo que el navegador no necesita. Aquí ambas trabajan sobre los caracteres que diste, no sobre un documento reconstruido, así que lo que sale sigue siendo tu marcado.
Cómo se usa
- 1 Pega el HTML: una página entera o solo un fragmento.
- 2 Elige la sangría y luego pulsa Formatear o Minificar.
- 3 Copia el resultado o pásalo por el otro botón para comparar.
El espacio en blanco no siempre es ruido
Entre dos elementos en línea, un solo espacio es texto visible: si lo quitas, «uno dos» se vuelve «unodos». Entre elementos de bloque, ese mismo espacio no significa nada. Aquí el minificador elimina la sangría pero conserva el espacio separador donde de verdad hace algo.
Por qué se dejan intactos pre y textarea
Dentro de ellos, cada espacio y cada salto de línea es contenido que el lector verá. Volver a sangrar un bloque de código cambiaría en silencio lo que muestra, y recortar un textarea cambiaría el valor que envía el formulario. Lo mismo con script y style: su contenido es otro lenguaje y pasa intacto.
Formatea, no repara
Las herramientas construidas sobre el analizador del navegador reparan en silencio el marcado roto: cierran tus etiquetas, tiran las sueltas y mueven elementos a donde exige la especificación. Depurando, eso rara vez es lo que quieres: el fallo que persigues puede ser justo lo que se reparó. Esta reformatea el texto y deja los errores donde puedas verlos.
Minificar HTML es la ganancia pequeña
Quitar espacios de una página suele ahorrar un pequeño porcentaje, y el gzip del servidor habría comprimido casi todo eso igualmente. El peso de verdad está en imágenes, tipografías y scripts. Minifica el HTML porque un generador de plantillas dejó la salida ilegible, no porque esperes que la página vuele.