HTML Original
Opciones
HTML Formateado
Acerca de esta herramienta
Esta herramienta formatea o comprime código HTML según lo necesites. El modo beautify añade indentación y saltos de línea adecuados para leer elementos anidados. El modo minify elimina espacios y caracteres opcionales para reducir el tamaño del archivo. El validador detecta problemas comunes como etiquetas sin cerrar o elementos no coincidentes. El CSS y JavaScript inline también se minifican. Todo se ejecuta en tu navegador—nada se envía a un servidor.
Cómo usar
- Pega tu HTML o sube un archivo
- Elige Beautify para formatear con indentación, o Minify para comprimir
- Ajusta configuración: tamaño de indentación (2/4 espacios o tab), eliminar comentarios, comprimir CSS/JS inline
- El resultado se actualiza automáticamente mientras escribes o cambias configuración
- Copia el resultado o descarga como archivo
Casos de uso comunes
- Depurar HTML de terceros: ¿Tienes una línea de un CMS o herramienta de build? Formatea para ver qué hay
- Optimización para producción: Reduce 15-30% tu HTML antes de desplegar
- Code review: Formatea HTML consistentemente para que los diffs muestren cambios reales
- Aprender HTML: Pega markup complejo y formatea para entender la estructura
- Plantillas de email: Minifica HTML de emails para cumplir límites de tamaño
Limitaciones
- Es un formateador basado en sintaxis, no un parser HTML completo—casos edge como secciones CDATA o server-side includes pueden no formatearse perfectamente
- El validador detecta problemas estructurales (etiquetas sin cerrar) pero no valida cumplimiento de spec HTML5
- Archivos muy grandes (5MB+) pueden ralentizar el navegador
- Los espacios en pre/code/textarea se preservan en modo beautify pero pueden colapsar en modo minify—verifica manualmente
- Sintaxis de templates (Jinja, Handlebars, Blade) puede causar advertencias de validación