Minificador y Embellecedor HTML
Comprima HTML para producción o embellezca para lectura (100% del lado del cliente)
La vista previa se renderiza en un iframe seguro. Algunas funciones pueden estar limitadas.
Documentación del Compresor y Formateador HTML
¿Qué es esta herramienta?
La minificación HTML elimina caracteres sin impacto en el renderizado: espacios entre etiquetas, comentarios HTML (<!-- -->), etiquetas de cierre opcionales (</li>, </td>, </p> según HTML5), valores de atributos booleanos (disabled=“disabled” → disabled). Los elementos <pre>, <textarea>, <script> y <style> son respetados.
Características principales
- Eliminación de espacios y comentarios: colapsa espacios entre etiquetas de bloque; elimina <!-- -->; preserva contenido de <pre>/<code>/<textarea>.
- Eliminación de etiquetas de cierre opcionales (HTML5): omite </li>/<p>/<tr>/<td> donde el parsing HTML5 lo permite sin alterar el DOM.
- Compactación de atributos booleanos: selected=“selected” → selected según HTML5.
- Formateador configurable: indentación 2/4 espacios o tabulación, anidamiento bloque/inline, preservación <pre>/<code>.
- Normalización de comillas de atributo: elimina comillas cuando el valor no contiene espacios ni caracteres especiales.
- Delta de tamaño: bytes originales, comprimidos y ratio.
Casos de uso comunes
- Optimización SSR: minificar salida HTML de PHP/Django/Rails antes de enviar al navegador; 10-30% de reducción.
- Post-proceso generadores estáticos: Jekyll/Hugo/Eleventy/Next.js; combinado con Brotli 85-95% de reducción.
- Depuración de HTML minificado: beautify desde view-source o respuestas API.
- Auditoría de plantillas: reformatear HTML de CMS para verificar ARIA y jerarquía de encabezados.
Ajustes de embellecimiento
Reconstruye la indentación desde HTML plano. Maneja distinción bloque/inline, preserva verbatim <pre> y <code>.
- Indentación configurable: 2 espacios, 4 espacios o tabulación
- Elementos de bloque en nueva línea; elementos inline en la misma línea
- Preservación verbatim de <pre>/<code>/<textarea>
- Normalización de comillas dobles en todos los atributos
Ajustes de minificación
Pasadas controlables: colapso de espacios, eliminación de comentarios, etiquetas opcionales, atributos booleanos, comillas.
- Espacios entre etiquetas reducidos o eliminados en límites de bloque
- Comentarios HTML eliminados (condicionales IE opcionales conservados)
- Etiquetas de cierre HTML5 op. omitidas si spec-safe
- Atributos booleanos en forma desnuda
- Comillas de atributo eliminadas cuando el valor no tiene espacios ni especiales
Impacto estimado en el tamaño del archivo
10-30% para páginas con contenido estándar. 20-40% para páginas con markup denso. Brotli + minificado: 85-95% de reducción total.
Herramientas Relacionadas
Compresor y Formateador CSS
Comprima o formatee código CSS, elimine espacios en blanco y comentarios para optimizar el tamaño del archivo, o formatee código para legibilidad
Compresor y Formateador JavaScript
Comprima o formatee código JavaScript, elimine espacios en blanco y comentarios para optimizar el tamaño del archivo, o formatee código para legibilidad
Codificador/Decodificador HTML
Convertir caracteres especiales a entidades HTML con formatos nombrados, decimales y hexadecimales para prevenir ataques XSS
Formateador XML
Formatear y validar datos XML con resaltado de sintaxis
Formateador JSON
Formatee y valide datos JSON para mejorar la legibilidad y depuración
Verificador de Diferencias de Texto
Comparar diferencias entre dos textos o archivos con vista lado a lado resaltada