O Que É o Minificar Código?
O Minificar Código compacta JavaScript, CSS e HTML para reduzir o tamanho do arquivo, removendo comentários, espaços em branco e outros caracteres que o navegador não precisa. O código continua funcionando exatamente igual, só que menor — então as páginas baixam mais rápido e usam menos banda.
Foi feito para quem trabalha com front-end e web e quer uma saída pronta para produção sem instalar nenhuma ferramenta de build. Escolha a aba da linguagem, cole o seu código e o resultado minificado aparece automaticamente com estatísticas de compressão ao vivo. O JavaScript é tratado pelo Terser, enquanto CSS e HTML usam regras específicas que preservam as partes que devem ficar intactas.
Como Minificar Seu Código
Escolha uma Linguagem
Selecione a aba JavaScript, CSS ou HTML no topo. Cada aba carrega o motor certo e o seu próprio conjunto de opções.
Cole ou Envie o Código
Digite ou cole no painel de entrada à esquerda, ou use Enviar para carregar um arquivo do seu dispositivo. Pressione Exemplo para inserir um código de demonstração na linguagem atual.
Ajuste as Opções
Configure as opções específicas da linguagem na barra de ferramentas — como Mangle e Compactar para JavaScript ou Recolher espaços para HTML. A saída é minificada novamente assim que você muda uma configuração.
Confira e Exporte
O resultado aparece à direita com destaque de sintaxe, e a barra de estatísticas mostra tamanho original, tamanho minificado e economia. Depois é só Copiar a saída ou Baixar como arquivo.
Recursos
JavaScript via Terser
Minifique código ES6+ moderno com o Terser, alternando Mangle, Compactar, Remover console e Remover debugger.
Minificação de CSS
Remova comentários, recolha espaços, encurte cores hexadecimais e otimize valores zero mantendo o calc() intacto.
Minificação de HTML
Remova comentários, recolha espaços e, opcionalmente, apague tags de fechamento opcionais e aspas de atributos desnecessárias.
Minificação Automática
A saída se atualiza sozinha enquanto você digita, com processamento com debounce para nunca ficar atrás da sua digitação.
Estatísticas de Compressão
Veja tamanho original, tamanho minificado e a porcentagem exata economizada após cada execução.
Saída com Destaque de Sintaxe
O resultado minificado recebe destaque de sintaxe via Prism.js, então fica legível em vez de uma linha densa.
Enviar e Baixar
Carregue um arquivo direto do seu dispositivo e baixe a saída minificada com a extensão correta.
Cópia em Um Clique e Exemplos
Copie o resultado para a área de transferência na hora, ou carregue um código de exemplo embutido para testar cada linguagem.
100% no Lado do Cliente
Todo o processamento acontece no seu navegador, então seu código nunca sai do seu dispositivo.
Opções por Linguagem
JavaScript
CSS
HTML
Perguntas Frequentes
O que é minificação de código?
A minificação remove tudo o que o navegador não precisa para executar seu código — comentários, espaços extras e sintaxe opcional — sem mudar o que o código faz. O resultado é um arquivo menor que carrega e é interpretado mais rápido.
Minificar o código melhora a velocidade da página?
Sim. Arquivos JavaScript, CSS e HTML menores baixam mais rápido e exigem que o navegador leia menos caracteres, o que reduz o uso de banda e ajuda as páginas a ficarem interativas mais cedo.
Meu código é enviado para um servidor?
Não. Toda a minificação acontece localmente no seu navegador. Seu código nunca é enviado nem armazenado em lugar nenhum — até código-fonte proprietário fica no seu dispositivo.
A minificação pode quebrar meu código?
Ela é projetada para preservar a funcionalidade. O Terser renomeia identificadores de JavaScript com segurança, o HTML deixa intocado o conteúdo de pre, script, style e textarea, e o CSS mantém as expressões calc() intactas. Como em qualquer etapa de build, teste a saída e guarde o seu código original.
O que significa "Mangle"?
O Mangle encurta nomes de variáveis e funções locais — por exemplo, myVariable vira a — para reduzir o tamanho do arquivo sem afetar como o código funciona. Ele só renomeia identificadores que não estão expostos externamente.
Posso desminificar o código aqui?
Não — esta ferramenta apenas minifica. Para formatar ou reformatar código minificado, use um formatador de código (beautifier). Lembre-se de que nomes de JavaScript processados pelo Mangle não podem ser restaurados aos originais, pois essa informação é removida durante a minificação.
Quanto de tamanho de arquivo dá para economizar?
Depende da linguagem e do estilo de codificação. JavaScript com Mangle e Compactar costuma ter de 40 a 70% de redução, CSS normalmente de 20 a 40% e HTML de 10 a 30%, dependendo da quantidade de espaços e comentários presentes. A barra de estatísticas mostra a economia exata do seu código.
Qual a diferença entre minificar e gzip?
A minificação reescreve o próprio código-fonte para remover caracteres desnecessários, então o arquivo fica menor em todo lugar onde é lido. O gzip é uma compressão no lado do servidor aplicada durante a transferência e descompactada de forma transparente pelo navegador. Eles se somam: minifique primeiro, depois deixe o servidor aplicar gzip no resultado para o menor download possível.
Posso minificar vários arquivos de uma vez?
A ferramenta processa um arquivo por vez. Após minificar, envie um novo arquivo ou cole um código novo para tratar o próximo.
Ainda não há comentários. Seja o primeiro a comentar!