Minificador de HTML

Onde os espaços em branco são mantidos

Cada sequência de espaços, tabulações e quebras de linha vira um único espaço, em vez de desaparecer, porque um espaço ao lado de conteúdo inline é visível: em Read <a href="/guide">the guide</a> now, os dois espaços ao redor do link permanecem. Os espaços em branco só são removidos onde o navegador não os exibiria: no início e no fim de um elemento de bloco, como <p>, <li> ou <div>, e entre elementos de bloco irmãos, como a indentação entre itens <li>. O texto dentro de <pre>, <textarea>, <script> e <style> permanece exatamente como foi escrito.

O CSS pode fazer um espaço removido voltar a importar. Um <div> com display: inline-block ou um parágrafo com white-space: pre-wrap renderiza espaços em branco que o HTML sozinho considera invisíveis. Portanto, compare a página renderizada com a original antes de publicá-la.

O que o analisador do navegador altera

Um fragmento, como o template de um componente, retorna como fragmento; uma entrada com doctype ou com uma tag <html>, <head> ou <body> retorna como um documento completo. De qualquer forma, a marcação passa pelo analisador do navegador: tags não fechadas são fechadas, elementos mal posicionados são movidos para onde o analisador os coloca, e um doctype HTML de qualquer versão vira <!doctype html>. Todos os comentários são removidos, inclusive marcadores de frameworks escritos como comentários.

Scripts e estilos inline permanecem como foram escritos. Minifique o conteúdo deles separadamente com o minificador de JavaScript e o minificador de CSS.

Como usar

1. Cole o HTML.
2. Escolha Minify HTML.
3. Revise e baixe o documento compacto.

Privacidade e limitações

O documento fica local. Sempre teste as páginas geradas, pois espaços em branco podem ser significativos em layouts inline.