Ir para o conteúdo
PT

Minificador HTML, CSS e JavaScript

Reduza o tamanho do seu HTML, CSS ou JavaScript: comentários e espaços sobrando removidos, strings e regex preservadas, economia exibida. Processado localmente.

  • Grátis
  • Sem cadastro
  • Nenhum arquivo enviado
  • Windows, Mac, Android, iPhone

Carregando a ferramenta…

Sobre esta ferramenta

Cole HTML, CSS ou JavaScript, ou abra um arquivo: o código perde comentários e espaços desnecessários, com o tamanho antes e depois. A minificação é segura: strings, template literals, expressões regulares e conteúdo de pre ficam intactos.

Quando usar

Deixar uma página pequena mais leve

Para uma página estática, um e-mail HTML, um banner ou um widget incorporável, minificar reduz o tamanho do download sem montar uma ferramenta de build.

Inserir código num atributo ou numa string

Um CSS ou script numa linha é mais fácil de colar num gerenciador de tags, num CMS ou num campo de configuração que não aceita quebras de linha.

Estimar o ganho da minificação

Antes de montar um pipeline de build, meça quanto seus arquivos pesariam minificados, além da compressão gzip ou brotli do servidor.

Como usar

  1. Escolha a linguagem e cole o código.
  2. Compare o tamanho antes e depois.
  3. Copie ou baixe o código minificado.

Como funciona

O código é lido caractere a caractere: strings entre aspas, template literals do JavaScript e expressões regulares são copiadas como estão. Os comentários são removidos, menos os que começam com /*! (licenças). Os espaços são removidos onde não separam duas palavras.

No JavaScript, uma quebra de linha é mantida onde a inserção automática de ponto e vírgula poderia depender dela, para o comportamento do código nunca mudar. No HTML, os espaços entre elementos inline são mantidos (são visíveis), o conteúdo de pre e textarea não é alterado e as tags style e script são minificadas com a própria linguagem.

Dicas para um melhor resultado

  • Guarde sempre a versão legível do código: a minificada é só para o deploy.
  • Ative também a compressão gzip ou brotli no servidor: ela se soma à minificação.
  • Para um projeto completo, uma ferramenta de build (Vite, esbuild, Terser) também encurta nomes de variáveis e remove código não usado.
  • Teste a página depois de minificar, principalmente JavaScript antigo que depende de quebras de linha.
  • Comentários de licença /*! … */ são mantidos: não os remova das bibliotecas que você redistribui.

Problemas comuns e soluções

Meu JavaScript parou de funcionar

É raro graças às quebras de linha mantidas, mas um código que mistura divisões e expressões regulares ambíguas pode dar problema. Use uma ferramenta como o Terser para esse arquivo.

A economia é pequena

Código já compacto ou sem comentários ganha pouco. Os grandes ganhos vêm de renomear variáveis, o que uma ferramenta de build faz.

Sumiram espaços entre duas palavras

Entre dois elementos inline, o espaço é mantido; em volta de tags de bloco (div, p, li) ele é removido porque não aparece. Confira quais tags estão envolvidas.

Perguntas frequentes

Meu código é enviado?

Não. A minificação acontece inteiramente no navegador; o código nunca sai do seu aparelho.

Os nomes de variáveis são encurtados?

Não, de propósito: isso exige analisar o programa inteiro. A ferramenta só remove o que é seguro remover.

Os comentários condicionais HTML são mantidos?

Sim, comentários do tipo [if IE] são mantidos; os outros comentários HTML são removidos.

Posso desminificar um código?

Para JSON, use o formatador JSON; para SQL, o formatador SQL. JavaScript minificado pode ser reformatado na aba Sources das ferramentas de desenvolvedor do navegador.

Pesquisas relacionadas

Ainda com problema?

Pergunte no fórum: a categoria, a ferramenta, a ficha do seu dispositivo e o resultado do teste são preenchidos para você.