Minificador de JavaScript online: reduza JS, CSS e HTML
O minificador reduz JavaScript, CSS e HTML sem alterar o funcionamento: remove comentários e espaços em branco e encurta nomes locais no JavaScript. O exemplo de JavaScript abaixo, por exemplo, diminui de 324 B para 180 B. É grátis, não exige cadastro e seu código permanece no seu navegador.
Criado por Florian Galz
Código reduzido? Com hospedagem web rápida, sua página carrega ainda mais rápido.
Código minificado
O código minificado aparecerá aqui assim que você inserir algo à esquerda.Configurações
Variáveis locais e parâmetros recebem nomes curtos. Os nomes globais são mantidos para que outros scripts continuem a encontrá-los.
Encurta expressões e remove código não utilizado. O comportamento do código permanece o mesmo.
Comentários com /*! … */, @license ou @preserve são mantidos.
Insira seu código à esquerda ou carregue o exemplo. O resultado aparecerá imediatamente.
Seu código permanece no seu navegador: ele não é enviado nem salvo.
Exemplo de resultado
Veja o que o minificador de JavaScript faz com seu código
Você insere um código JavaScript legível, e a ferramenta remove comentários e espaços em branco, encurta nomes locais e gera o código em uma linha compacta, mostrando os tamanhos antes e depois. Os valores abaixo são um exemplo fixo; seu resultado depende do seu código.
Exemplo · Configurações padrão
Entrada (legível)
// Warenkorb-Summe berechnenfunction calculateTotal(items, taxRate) { let subtotal = 0; for (const item of items) { subtotal += item.price * item.quantity; } const tax = subtotal * taxRate; return Math.round((subtotal + tax) * 100) / 100;} console.log(calculateTotal([{ price: 4.99, quantity: 2 }], 0.19));Saída (minificada)
function calculateTotal(t,o){let c=0;for(const o of t)c+=o.price*o.quantity;const a=c*o;return Math.round(100*(c+a))/100}console.log(calculateTotal([{price:4.99,quantity:2}],.19));- Original
- 324 B
- Minificado
- 180 B
- Economia
- 44,4 %
- Essa parte do arquivo era composta por comentários, indentação e nomes longos neste exemplo.
Funções
Arquivos menores, mesmo funcionamento
O que o minificador remove e o que ele mantém de propósito.
JavaScript com terser
Remove comentários e espaços em branco, encurta nomes locais e simplifica expressões. Nomes globais são preservados, e módulos ES são reconhecidos.
CSS sem surpresas
Comentários, espaços em branco e pontos e vírgulas finais são removidos. Valores, cores, unidades, strings e url() permanecem idênticos, caractere por caractere.
HTML com código embutido
Espaços em branco ao lado de elementos de bloco são removidos; entre palavras, um espaço é mantido. style, script e JSON-LD também são reduzidos.
Tamanho antes e depois
Economia em porcentagem e bytes, além dos dois tamanhos com gzip, como seriam transmitidos por um servidor web.
Manter comentários de licença
Comentários com /*! … */, @license ou @preserve podem ser preservados; comentários condicionais em HTML são sempre mantidos.
Permanece no seu navegador
Sem upload nem armazenamento: o código é reduzido diretamente no seu dispositivo.
Como funciona
Como minificar JavaScript, CSS e HTML online
Quatro etapas, sem cadastro nem instalação.
Passo 1
Selecionar linguagem
Selecione JavaScript, CSS ou HTML acima. Ao alternar entre as linguagens, o código de cada uma é preservado.
Passo 2
Colar código
Cole seu código no campo à esquerda, abra um arquivo de até 2 MB ou carregue o exemplo. O resultado aparece à direita após uma breve pausa na digitação.
Passo 3
Verificar configurações
No JavaScript, você define se os nomes serão encurtados e as expressões otimizadas. Você pode manter os comentários de licença e, no HTML, também os comentários comuns.
Passo 4
Aplicar resultado
Confira a economia com e sem gzip, copie o código minificado ou baixe-o como script.min.js, style.min.css ou index.min.html.
Descobrir mais
Mais ferramentas
Comparar textos online (Diff Checker)
Compare textos online: compare dois textos, configurações ou versões de código, veja as diferenças linha por linha e palavra por palavra e copie-as como Unified Diff. Funciona inteiramente no navegador.
Criado por Dimitri Heissler
Formatador de JSON
Formate, minifique e valide JSON com realce de sintaxe, indicação de erros e download, inteiramente no navegador.
Criado por Jakub Martyniak
Testador de Regex
Teste expressões regulares em tempo real no motor JavaScript nativo, com destaque de correspondências, grupos de captura e modo de substituição, diretamente no navegador.
Criado por Jakub Martyniak
Formatador e validador de XML
Valide, formate, minimize e repare XML automaticamente (caracteres não escapados, tags em falta, declaração em falta) — 100 % no navegador, sem carregamento.
Criado por Justin Schuessler
Codificador/decodificador Base64
Codifique e descodifique texto em Base64, incluindo a variante segura para URL e mensagens de erro claras, diretamente no navegador.
Criado por Jakub Martyniak
Gerador de .htaccess e gerador de htpasswd
Crie arquivos Apache .htaccess e .htpasswd online: redirecionamentos 301, HTTPS, proteção por senha com bcrypt, regras do WordPress, páginas de erro, cache, GZIP e proteção contra hotlinks. Funciona inteiramente no navegador.
Criado por Dimitri Heissler
Formatador de SQL online (formate e organize seu SQL)
Formate, organize e minifique SQL online para MySQL, MariaDB e PostgreSQL, com recuo e padronização de maiúsculas e minúsculas nas palavras-chave. Funciona inteiramente no navegador, sem upload.
Criado por Luca Stanek
Formatador de HTML e CSS online (organize seu código)
Formate, recue e organize HTML e CSS online, com detecção automática da linguagem. Funciona inteiramente no navegador, sem upload.
Criado por Luca Stanek
Comprimir e redimensionar imagens
Comprima e redimensione imagens online: reduza o tamanho de JPG, PNG e WebP, defina um tamanho desejado em KB ou converta formatos, como PNG para JPG. Tudo funciona no navegador.
Criado por Dimitri Heissler
FAQ
Perguntas frequentes
Respostas rápidas sobre como minificar JavaScript, CSS e HTML com esta ferramenta.
O código minificado e os tamanhos antes e depois. O exemplo de JavaScript nesta página, por exemplo, diminui de 324 B para 180 B. Você também vê o tamanho das duas versões com compressão gzip, como seriam entregues por um servidor web.
Um minificador reduz o tamanho do código sem alterar seu funcionamento: remove comentários, indentação e quebras de linha e encurta nomes de variáveis locais. Assim, o arquivo carrega mais rápido. Este minificador processa JavaScript, CSS e HTML.
Selecione a aba CSS e cole sua folha de estilos. A ferramenta remove comentários, espaços desnecessários e o último ponto e vírgula de cada bloco. Valores, cores e unidades permanecem exatamente como você os escreveu. Se quiser, comentários com /*! … */ podem ser preservados.
Selecione a aba HTML. Os comentários são removidos, assim como os espaços em branco ao lado de elementos de bloco como div ou p. Entre palavras e elementos inline, o espaço é reduzido a um único caractere para que a página mantenha a aparência. pre e textarea permanecem inalterados; se quiser, o CSS em style e o JavaScript em script também são reduzidos.
Não. A ferramenta usa terser, o mesmo minificador usado por muitas ferramentas de build. Ela encurta apenas nomes locais e preserva os globais para que outros scripts continuem encontrando esses nomes. Em módulos ES com import ou export, os nomes no nível superior também são encurtados. Se você desativar a otimização de código, ele será apenas encurtado, sem reescrita.
Se houver um erro de sintaxe no JavaScript ou um comentário, string ou tag não encerrado, a ferramenta mostra a linha e a coluna do erro. Um clique leva você ao ponto correspondente na entrada. Se um bloco style ou script em HTML contiver um erro, ele permanece inalterado, e a ferramenta avisa você.
Sim, os dois se complementam: gzip comprime repetições, enquanto a minificação remove comentários e encurta nomes que o gzip não consegue remover. A ferramenta mostra os dois tamanhos com gzip para você ver quanto do seu código será realmente transmitido.
Não. Tudo acontece no seu navegador, sem upload nem armazenamento. Você pode abrir arquivos de até 2 MB, como .js, .css ou .html.
Mais alguma pergunta?
Contatar o suporteSeu site precisa de hospedagem rápida
Código minificado e hospedagem web da ZAP-Hosting: sua página carrega em instantes. Um VPS próprio oferece ainda mais controle.
Sem configuração. Sem riscos. Online em segundos.
Procurando mais ferramentas? Ver todas as ferramentas para desenvolvedores
Fonte preferida no Google
