HTML Pretify & Minify - Formatear HTML Online Gratis

Embellece el HTML desordenado con la sangría adecuada, o minimiza en una línea. Suelta un archivo .html o pégalo, luego copia o descarga el marcado limpio.

HTML de entrada

o lanzar un archivo .html

Salida formateada

Acerca de HTML Pretify

Impulsado por js-beautify, funciona completamente en tu navegador. El modo Pretify reformatea las etiquetas en sus propias líneas con una hendidura consistente; El modo minify elimina los comentarios y colapsa el espacio en blanco para la carga útil más pequeña.

Frequently Asked Questions

Pega cualquier HTML — incluso una salida minificada de una sola línea de una pipeline de compilación — y la herramienta lo reformatea con la sangría adecuada, una etiqueta por línea y espacios en blanco consistentes. Elige sangría de 2, 4 u 8 espacios. El resultado está listo para caer en tu editor o pegar en un comentario de revisión de código.

usage

Prettify amplía HTML para mayor legibilidad: cada etiqueta en su propia línea, hijos anidados en sangría, líneas en blanco preservadas entre secciones. Minify elimina los comentarios, colapsa secuencias de espacios en blanco y elimina los saltos de línea para que el archivo se envíe en menos bytes. Usa Pretify para edición y revisión, Minify para despliegue en producción.

features

No — js-beautify (el motor bajo el capó) detecta bloques de script y estilo y formatea su contenido con las reglas JS o CSS correspondientes, para que los scripts en línea sigan siendo válidos y las hojas de estilo sigan siendo legibles. Las etiquetas auto-cerradas, los elementos void y los atributos con espacio de nombres (svg:xmlns, xlink:href) se gestionan correctamente.

technical

Maneja bien HTML simple y plantillas similares a HTML, pero JSX puro (expresiones con corche, fragmentos, etiquetas de componentes con mayúsculas) se analiza como HTML y puede detectar problemas cosméticos menores. Para código específico de framework recomendamos Prettier configurado para tu dialecto; para archivos HTML, .htm y plantillas en bruto, nuestra herramienta es perfecta.

features

No hay ninguna subida. El formador funciona completamente en tu navegador con js-beautify, para que puedas pegar plantillas internas de página, borradores de correos o HTML que contengan datos privados sin que nada salga de tu dispositivo.

privacy

Minify elimina los comentarios HTML, colapsa cualquier secuencia de espacios en blanco entre etiquetas a un solo espacio y elimina los saltos de línea. El resultado es HTML que renderiza el mismo byte y que suele ser entre un 10 y un 30% más pequeño. Combinado con gzip en el servidor, esto reduce notablemente el peso inicial de la página en páginas con mucho contenido.

technical

Sí — haz clic en Descargar para guardar la salida embellecida como output.html o la salida minificada como output.min.html. El archivo está codificado en UTF-8, por lo que funciona igual de bien con contenido en inglés, cirílico, CJK y de derecha a izquierda.

tips

Es una pequeña utilidad solo para navegador — sin coste de alojamiento — así que la enviamos gratis como parte de nuestro kit de herramientas para desarrolladores. Sin anuncios, sin seguimiento de la salida, sin límites en el tamaño de archivo más allá de lo que tu navegador puede almacenar en memoria.

pricing

Use Cases

Limpieza de plantilla de correo electrónico

El HTML de marketing para correos electrónicos suele llegar de los ESP como un solo blob minificado. Embellece la estructura para inspeccionar la estructura, encuentra esa columna rota de la mesa y corrige un error tipográfico antes de enviar la siguiente explosión.

marketing

Migración de contenido CMS

Exportar desde un CMS e importarlo a otro suele implicar mover HTML. Pretify hace que los diferenciales sean legibles, minify reduce la carga útil y ambos modos preservan la fidelidad del contenido.

development

Salida de Extracción Web

El HTML en bruto extraído de una web es ilegible sin formateo. Embellece la salida para encontrar el selector CSS que necesitas, luego escribe la regla de extracción para tu scraper.

data

Optimización estática del sitio

Minify el HTML generado desde tu generador de sitios estáticos antes de desplegarlo. Reduce entre un 10 y un 30% el tamaño del archivo sobre gzip — una mejora medible respecto a los tiempos de primera pintura en páginas con mucho contenido.

performance

Fragmentos de documentación

Al pegar ejemplos HTML en documentos, entradas de blog o archivos README, embellece primero para que los lectores puedan seguir la estructura. Guarda la versión miniaturizada para la comparación de "producción de producción".

documentation

JSX Refactoring Helper

Antes de convertir un fragmento de HTML a JSX, embellecelo para que el script de conversión vea un árbol limpio. Ahorra el formateo manual en tu migración de React/Vue.

development