Ir para o conteúdo

Minificador HTML

Reduzir HTML removendo comentários, espaços em branco extras e atributos vazios.

Entrada
Saída

Minificador HTML

Cole qualquer documento ou fragmento HTML e esta ferramenta retorna uma versão menor com o mesmo resultado renderizado. Remove comentários, reduz espaços em branco redundantes entre tags e listas de atributos, e remove atributos vazios como class="" que um navegador ignora de qualquer forma. Use-a antes de publicar uma página estática, incorporar um template em outro sistema, ou colar markup em algum lugar com limite de tamanho.

Quatro opções controlam o quanto a minificação vai. "Preservar conteúdo de pre, textarea e script" mantém os espaços em branco exatos dentro desses elementos intactos por padrão, já que um espaço errado dentro de um bloco <pre> ou um script frequentemente é significativo; desative apenas se tiver certeza de que o conteúdo tolera colapso de espaços em branco. "Mesclar múltiplos espaços no texto" transforma sequências de espaços, tabulações e quebras de linha no texto ordinário em um único espaço. "Remover aspas de valores de atributos simples" remove as aspas ao redor de valores como id=box que não precisam delas sob a especificação HTML5 — qualquer coisa com espaço, sinal de igual ou outra aspa permanece entre aspas. "Remover tags de fechamento opcionais" elimina tags de fechamento que um navegador deduz por conta própria, como </li> antes de outro <li> ou </td> antes de </tr>, usando as mesmas regras que os navegadores usam para fechá-los automaticamente.

A ferramenta funciona no texto bruto da sua markup em vez de re-serializar um DOM completo, portanto nunca reescreve o uso de maiúsculas em nomes de tags ou atributos — SVG inline com elementos sensíveis a maiúsculas como viewBox ou clipPath passa inalterado. Ela lida com terminações de linha Windows e Unix, e a contagem sob a saída informa o tamanho em bytes antes e depois da minificação juntamente com a porcentagem economizada.

Tudo funciona localmente no seu navegador — sua markup nunca é enviada para lugar algum, o que torna isso seguro para templates internos ou qualquer coisa ainda não pública. Copie o resultado, baixe como arquivo .txt, ou envie a saída de volta para a entrada para fazer outra passagem.

FAQ

Isto vai quebrar minha página?
As opções padrão são conservadoras: conteúdo de pre, textarea e script é deixado intacto, e tags de fechamento são removidas apenas onde a especificação HTML5 diz que um navegador as deduz de qualquer forma. Revise o resultado antes de publicar se você ativar as opções mais agressivas.
Isto minifica o CSS e JavaScript dentro do meu HTML?
Não. O conteúdo dentro de tags <style> é tratado como texto ordinário e conteúdo dentro de tags <script> é preservado por padrão. Use um minificador CSS ou JS dedicado nesse código separadamente, depois cole a página combinada aqui.
O que acontece com os comentários?
Todos os comentários HTML são removidos, incluindo os usados para notas ou marcadores de seção. Se você precisar manter um comentário específico, remova-o da entrada antes de colar, ou reinsira-o após minificar.
Por que um atributo alt vazio permanece nas minhas imagens?
alt="" é significativo — informa à tecnologia assistiva que uma imagem é decorativa — então esta ferramenta a mantém mesmo que remova outros atributos vazios como class="".
Meu HTML é enviado para algum lugar?
Não. A minificação funciona inteiramente no seu navegador usando JavaScript local — sua markup nunca deixa seu dispositivo.