ToolStudio.es
Minificador HTML1 Teste Grátis

Minificar HTML online

Remova tudo o que o navegador não precisa e publique páginas mais leves, sem mudar o resultado na tela.

Teste grátis: processe 1 arquivo ou texto. Com Pro, uso ilimitado e vários arquivos de uma vez.
Opções
Entrada
Processado no seu navegador: seu código não é enviado.
Grátis: 1 arquivo ou texto. Vários de uma vez com Pro.
Resultado

O que a minificação de HTML faz com o seu código

Minificar HTML é reescrever o código da página com o menor número possível de caracteres sem mudar o que o navegador exibe. Indentação, quebras de linha, comentários de desenvolvimento e atributos com valor padrão servem para quem lê o código, não para quem visita o site. Removê-los deixa o documento menor, o que significa menos bytes para baixar e para o navegador analisar.

Esta ferramenta usa o html-minifier-terser e permite escolher o que fazer: remover comentários, colapsar espaços em branco, minificar o CSS embutido (blocos <style> e atributos style="") e o JavaScript embutido (<script>), remover atributos redundantes e usar o doctype curto, e tirar as aspas opcionais dos atributos. O conteúdo de <pre> e <textarea> é preservado, porque ali os espaços fazem parte do texto.

O ganho é maior em páginas geradas por CMS, templates de e-mail, landing pages exportadas de construtores visuais e HTML escrito à mão com muita indentação. Depois de minificar você vê o tamanho antes e depois e a porcentagem economizada. Se o código tiver um erro de sintaxe, a mensagem do analisador aparece para você corrigir.

Tudo acontece no seu navegador: o HTML nunca é enviado a um servidor. O teste grátis cobre um arquivo ou um texto colado; depois disso você ainda pode reprocessar o mesmo texto com outras opções, mas um novo conteúdo exige o ToolStudio Pro, que libera uso ilimitado, vários arquivos de uma vez baixados juntos em um ZIP e nenhum anúncio.

Como minificar HTML

  1. Cole o seu código HTML na caixa de entrada ou arraste um arquivo .html ou .htm.
  2. Escolha as opções: remover comentários, colapsar espaços, minificar CSS e JS embutidos, remover atributos redundantes e aspas opcionais.
  3. Clique no botão para minificar.
  4. Confira o tamanho antes e depois e a porcentagem economizada.
  5. Copie o resultado ou baixe o arquivo minificado.

Quando minificar HTML

  • Publicar landing pages estáticas mais leves.
  • Reduzir templates de e-mail HTML, que alguns clientes de e-mail cortam a partir de certo tamanho.
  • Limpar HTML exportado de construtores visuais ou de CMS antes de subir para produção.
  • Diminuir trechos de HTML embutidos em widgets, banners ou snippets de terceiros.
  • Preparar páginas para hospedagem estática sem um processo de build.
  • Comparar quanto peso extra a indentação e os comentários adicionam a uma página.

Minificar ou comprimir com gzip? Os dois

Minificar e comprimir são etapas diferentes. A minificação remove do código o que não tem função (espaços, comentários, atributos padrão) e o arquivo resultante continua sendo HTML válido. A compressão gzip ou Brotli é aplicada pelo servidor no momento da transferência e o navegador descompacta antes de ler.

Como a compressão já reduz muito os espaços repetidos, o ganho da minificação sobre um arquivo comprimido é menor do que sobre o arquivo bruto, mas ainda existe: há menos texto para comprimir, menos para analisar e comentários internos deixam de ser públicos. O ideal é minificar no deploy e manter o gzip ou Brotli ativado no servidor.

Perguntas Frequentes

Minificar muda a aparência da página?

Não deveria. Os espaços dentro de <pre> e <textarea> são preservados. A única opção que pode afetar o layout é colapsar espaços entre elementos inline, que em casos raros remove um espaço visível entre, por exemplo, dois links. Se notar diferença, desative essa opção.

O CSS e o JavaScript dentro do HTML também são minificados?

Sim, se você ativar as opções correspondentes: o CSS em <style> e em atributos style="" e o JavaScript dentro de <script>.

Meu código é enviado para algum servidor?

Não. A minificação roda inteira no seu navegador e o código não sai do seu computador.

É seguro remover as aspas dos atributos?

Sim, quando o valor não tem espaços nem caracteres especiais o HTML permite atributos sem aspas, e a ferramenta só remove as que são opcionais.

É grátis?

Você pode testar com um arquivo ou um texto colado. Depois do teste dá para reprocessar o mesmo texto com outras opções, mas um novo conteúdo exige o ToolStudio Pro, que libera uso ilimitado, vários arquivos de uma vez em um ZIP e sem anúncios.

Ferramentas relacionadas

Desenvolvimento

Minificar CSS

Minifica CSS com o CSSO: remove espaços e comentários e junta regras e declarações repetidas, sem sair do navegador.

CSSMinify
Testar ferramenta
Desenvolvimento

Minificar JavaScript

Minifica JavaScript ES2015+ com o Terser: remove código morto, encurta nomes de variáveis e pode eliminar chamadas a console, tudo no navegador.

JavaScriptJSMinifyTerser
Testar ferramenta
Desenvolvimento

Formatar HTML

Formata e embeleza HTML com o Prettier, incluindo o CSS e o JavaScript embutidos, com indentação e largura de linha configuráveis.

HTMLBeautifyPrettier
Testar ferramenta
Desenvolvimento

Otimizador de SVG Pro

Reduza o tamanho dos arquivos SVG removendo metadados, decimais excessivos e grupos desnecessários.

SVGWeb
Testar ferramenta
Imagens

Comprimir e Redimensionar Imagens

Comprima JPG, PNG, WebP e AVIF com a qualidade que escolher, redimensione em pixels ou porcentagem e salve em outro formato. Tudo no navegador, sem enviar as imagens.

JPGPNGWebPAVIF
Testar ferramenta