Minificador HTML / CSS / JS
Cole o código fonte, escolha HTML / CSS / JS, e a ferramenta remove espaços redundantes e (opcionalmente) comentários, retornando uma versão minificada em uma linha com o tamanho em bytes antes e depois e o percentual economizado. Baseado em regex — rápido, offline, sem biblioteca. Ideal para snippets pequenos e ajustes finais. Para pipelines de build, use um minificador dedicado como terser ou esbuild.
<!doctype html><html lang="en"><head><title>Sample Page</title></head><body><h1>Hello, world!</h1><p> This is a paragraph with multiple lines. </p></body></html>
Como usar
- Cole seu código fonte.
- Escolha a linguagem (HTML / CSS / JS).
- Alterne se remover comentários.
- Copie a saída minificada.
Perguntas frequentes
- É seguro para produção?
- Para CSS ou HTML pequenos, sim — as regras são conservadoras. Para JavaScript, prefira terser ou esbuild no seu build, pois esta ferramenta não renomeia variáveis nem elimina código morto.
- Por que meu JS não comprime mais?
- Compressão real de JS precisa de uma ferramenta baseada em AST. Este minificador só remove espaços e comentários — já é muito para snippets manuais, mas não iguala o terser.
- Quebra HTML dentro de <pre> ou <textarea>?
- Pode — espaços ali são significativos. Evite minificar HTML que os contenha, ou substitua o conteúdo por um placeholder antes.
- Comentários CSS são importantes?
- Às vezes — headers de licença em /*! por convenção são preservados por minificadores profissionais. Esta ferramenta remove todos se 'remover comentários' estiver ligado; para preservar licença, desligue.
Ferramentas relacionadas
Otimizador de SVG
Reduza um SVG com o SVGO — tire os restos do editor, arredonde coordenadas, junte formas — e compare antes e depois. Nada é enviado.
Compressor de Imagens
Comprima e redimensione imagens JPEG, PNG e WebP no navegador.
Comprimir PDF
Reduza um PDF reencodificando as imagens que ele carrega. O texto continua selecionável e pesquisável. Nada é enviado.
Conversor de CSS para objeto de estilo JS
Converta um bloco de declarações CSS em um objeto de estilo inline React/JS, no seu navegador.
Testador de seletores CSS
Teste um seletor CSS contra seu HTML e veja exatamente quais elementos correspondem, no seu navegador.
Formatador e minificador de XML
Embeleze XML com indentação limpa ou minifique-o para uma linha, no seu navegador.