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
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.
Continúa mejorando tus imágenes
Lleva tu edición de fotos al siguiente nivel con estas herramientas populares
Agregar texto a la imagen
Agrega subtítulos y títulos a tu foto mejorada
Agregar borde de foto
Enmarca tu efecto con hermosos bordes
Comprimir imagen
Optimiza tu imagen mejorada para compartirla
Cambiar el tamaño de la imagen
Cambiar las dimensiones de la imagen
Foto a dibujos animados
Prueba un estilo artístico diferente
Boceto a lápiz
Crea dibujos artísticos a lápiz
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.
usagePrettify 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.
featuresNo — 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.
technicalManeja 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.
featuresNo 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.
privacyMinify 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.
technicalSí — 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.
tipsEs 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.
pricingUse 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.
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.
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.
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.
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".
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.
Pixoate