Minificador e Embelezador HTML
Comprima HTML para produção ou embeleze para leitura (100% lado do cliente)
A visualização é renderizada em um iframe protegido por segurança. Alguns recursos podem ser limitados.
Documentação do Minificador e Formatador HTML
O que é esta ferramenta?
A minificação HTML remove caracteres sem impacto na renderização: espaços entre tags, comentários HTML (<!-- -->), tags de fechamento opcionais (HTML5: </li>, </td>, </p>), valores de atributos booleanos (disabled=“disabled” → disabled). <pre>, <textarea>, <script> e <style> são preservados.
Recursos Principais
- Remoção de espaços e comentários: colapsa espaços entre tags de bloco; remove <!-- -->; preserva <pre>/<code>/<textarea>.
- Remoção de tags de fechamento opcionais (HTML5): omite </li>/<p>/<tr>/<td> onde o parsing HTML5 permite sem alterar o DOM.
- Compactação de atributos booleanos: selected=“selected” → selected conforme HTML5.
- Beautifier configurável: indentação 2/4 espaços ou tab, distinção bloco/inline, preservação <pre>/<code>.
- Normalização de aspas de atributo: remove aspas quando o valor não tem espaços ou caracteres especiais.
- Delta de tamanho: bytes originais, comprimidos e ratio.
Casos de Uso Comuns
- Otimização SSR: minificar saída HTML de PHP/Django/Rails antes do browser; 10-30% de redução.
- Pós-processamento gerador estático: Jekyll/Hugo/Eleventy/Next.js; com Brotli 85-95% de redução.
- Debug HTML minificado: beautify de view-source ou respostas API.
- Auditoria de templates: reformatar HTML de CMS para verificar ARIA e hierarquia de cabeçalhos.
Ajustes de embelezamento
Reconstrói indentação de HTML plano. Distinção bloco/inline correta, <pre>/<code> verbatim.
- Indentação configurável: 2 espaços, 4 espaços ou tabulação
- Elementos de bloco em nova linha; inline na mesma linha
- Preservação verbatim de <pre>/<code>/<textarea>
- Normalização de aspas duplas em todos os atributos
Ajustes de minificação
Passadas controláveis: colapso espaços, remoção comentários, tags opcionais, atributos booleanos, aspas.
- Espaços entre tags colapsados, removidos em limites de bloco
- Comentários HTML removidos (condicionais IE opcionais)
- Tags de fechamento HTML5 opcionais omitidas onde spec-safe
- Atributos booleanos em forma nua
- Aspas de atributo removidas sem espaços/especiais no valor
Impacto estimado no tamanho do arquivo
10-30% para conteúdo padrão. 20-40% para markup denso. Brotli: 85-95% de redução total.
Ferramentas Relacionadas
Minificador e Embelezador CSS
Comprima ou embeleze código CSS, remova espaços em branco e comentários para otimizar o tamanho do arquivo, ou formate o código para legibilidade
Minificador e Embelezador JavaScript
Comprima ou embeleze código JavaScript, remova espaços em branco e comentários para otimizar o tamanho do arquivo, ou formate o código para legibilidade
Codificador/Decodificador HTML
Converta caracteres especiais em entidades HTML com formatos nomeados, decimais e hexadecimais para prevenir ataques XSS
Formatador XML
Formate e valide dados XML com destaque de sintaxe
Formatador JSON
Formate e valide dados JSON para melhorar a legibilidade e depuração
Verificador de Diferenças de Texto
Compare diferenças entre dois textos ou arquivos com visualização lado a lado destacada