O que faz
Cole HTML, CSS ou JavaScript, ou abra um arquivo, e escolha Minificar ou Embelezar. O resultado mostra o tamanho antes e depois, em bytes e após gzip. Tudo roda no seu navegador.
Minificador de HTML, CSS e JavaScript
Minifique ou embeleze HTML, CSS e JS e veja os bytes economizados, também com gzip.
Language
Action
Names are never shortened, and line breaks that automatic semicolon insertion relies on are kept.
- Size
- 475 B → 355 B (−25.3% saved)
- Gzipped
- …
Regras seguras
Em JavaScript comentários e espaços são removidos, mas variáveis nunca são renomeadas; os espaços necessários são mantidos (a + +b vira a+ +b), assim como as quebras de linha de que depende a inserção automática de ponto e vírgula, como depois de return. Em CSS strings, url(…) e os espaços de calc() são preservados. Em HTML um espaço é mantido entre elementos inline e <pre> e <textarea> não são alterados.
Quanto economiza
Com gzip a economia é bem menor: no build de desenvolvimento do React 19.2, o arquivo cai de 47.219 para 32.393 bytes, mas com gzip só de 10.755 para 9.174 bytes, cerca de 15 %. Em produção, use o minificador do seu bundler.
Perguntas frequentes
Pode quebrar meu JavaScript?
A ferramenta mantém todos os espaços e quebras de linha que mudam a análise do código, e é testada verificando que bibliotecas reais minificadas geram a mesma árvore sintática.
Por que a economia com gzip é menor?
O gzip já comprime muito bem espaços repetidos, então removê-los economiza menos depois da compressão.
Meu código é enviado?
Não, tudo acontece no seu navegador.