Como usar
- Cole o código, solte um arquivo ou carregue o exemplo; a linguagem já vem definida para esta página e pode ser alterada.
- Escolha formatar ou minificar e ajuste indentação, largura e outras opções; o resultado aparece à direita enquanto você digita.
- Copie ou baixe o resultado; em caso de erro, use "Ir para o erro", corrija e execute novamente.
O que a minificação faz
A minificação muda como o código é escrito, não o que ele faz. Normalmente reduz 30–70% do tamanho e acelera as páginas; guarde o código-fonte, porque código minificado é difícil de ler.
| Operação | JavaScript (Terser) | CSS (CSSO) | HTML / XML / JSON |
|---|---|---|---|
| Remover comentários | ✓ | ✓ | ✓ |
| Remover espaços e quebras de linha | ✓ | ✓ | ✓ |
| Encurtar nomes de variáveis | ✓ | — | — |
| Mesclar regras, encurtar cores | — | ✓ | — |
| Eliminar código morto, simplificar constantes | ✓ | — | — |
| Manter comentários de licença /*! | Opcional | Opcional | Opcional |
Linguagens e mecanismos
A formatação usa os mesmos mecanismos de código aberto de editores populares, então os resultados coincidem com o Prettier no VS Code e sua equipe pode manter um único estilo. Todos os mecanismos são carregados deste site e rodam no seu navegador.
| Idioma | Formato | Comprimir |
|---|---|---|
| HTML | Prettier 3 | ✓ comentários e espaços |
| XML | Mecanismo XML do XunL | ✓ |
| CSS / SCSS / Less | Prettier 3 | ✓ reestruturação CSSO |
| JavaScript / TypeScript | Prettier 3 (Babel) | ✓ Terser (apenas JavaScript) |
| JSON | Prettier 3 | ✓ números grandes mantêm a precisão |
| YAML | Prettier 3 | — (comentários mantidos) |
| SQL | sql-formatter (14 dialetos) | — |
Perguntas frequentes
O código minificado continua funcionando?
O Terser é o minificador padrão do webpack e do Vite e só aplica transformações que preservam o comportamento. Desative "Encurtar nomes de variáveis" em código que depende de nomes de funções ou usa eval com variáveis locais.
Ele consegue minificar TypeScript?
Não diretamente; compile-o para JavaScript antes.
Meu código é enviado?
Não. Os mecanismos são baixados deste site e rodam no seu navegador; seu código nunca passa pelos nossos servidores nem por terceiros, então é seguro para código e configurações internas.
Qual o tamanho máximo dos arquivos?
Até 5 MB por arquivo; acima de 300 KB a página espera o botão em vez de formatar enquanto você digita, para manter o navegador responsivo.
Quanto menor o JavaScript fica com a minificação, e ainda preciso de gzip?
A minificação remove espaços, quebras de linha e comentários e encurta nomes de variáveis locais, geralmente reduzindo o tamanho em 30–60%, dependendo de como o código foi escrito. Gzip ou Brotli comprimem os arquivos na transferência pelo servidor e podem reduzir o JS minificado em mais cerca de 60–70%; os dois fazem trabalhos diferentes e funcionam melhor juntos. Guarde o código-fonte não minificado e um source map para depuração e teste os principais recursos em um navegador após cada nova minificação.