Minificador de HTML

O que o Minificador de HTML faz

É um minificador ao vivo de dois painéis. Sua marcação original fica à esquerda e a versão minificada aparece à direita no momento em que você digita, sem nenhum botão para clicar. Cada painel mostra o próprio tamanho e uma linha de resumo indica o tamanho original, o minificado e o quanto o resultado ficou menor, para você acompanhar o ganho enquanto trabalha. Nos bastidores, ela apaga os comentários, remove os vãos entre as tags e junta longas sequências de espaços em um único. Uma marcação menor significa menos bytes para baixar, o que ajuda as páginas a renderizar um pouco mais rápido e mantém o código-fonte limpo antes da publicação. Quando estiver satisfeito, um clique copia o resultado ou o baixa como arquivo .min.html.

É útil para desenvolvedores front-end que preparam um build manualmente, para quem cola marcação num modelo de e-mail ou num campo de CMS com limite de tamanho e para quem só quer achatar um HTML bagunçado e cheio de indentação numa única linha compacta.

Como usar

1. Cole ou digite seu HTML no painel de entrada à esquerda, ou clique em Carregar exemplo para inserir uma amostra.
2. A marcação comprimida aparece na hora no painel da direita conforme você digita, com o tamanho de cada painel e a porcentagem economizada acima.
3. Clique em Copiar para pegar o resultado, ou em Baixar para salvá-lo como arquivo .min.html.
4. Use Limpar para esvaziar os dois painéis e começar de novo.

Não há configurações para ajustar e nada é enviado. Cole, veja a economia, copie ou baixe, pronto.

Por que minificar aqui

É instantâneo, já que a versão minificada se atualiza conforme você digita, sem fila e sem espera por uma ida ao servidor. É privado, porque tudo roda localmente no seu navegador, então código interno ou não publicado nunca sai da sua máquina. E é gratuito, sem cadastro, sem marca-d’água e sem limite diário, no computador ou no celular. Veja mais utilitários na categoria Dev.

Uma dica rápida

Guarde seu arquivo original. HTML minificado é difícil de editar à mão, então trate a saída como uma versão final de copiar e publicar, e não como algo para continuar mexendo. Se uma página usa blocos <pre> ou depende de espaçamento exato em algum ponto, dê uma olhada nessas partes depois. Trabalhando com pastas inteiras de arquivos em vez de um único trecho? O app de desktop BulkPro, do mesmo time, foi feito para tarefas em lote assim.