Cole JavaScript ou CSS — clique em Minificar para remover espaços em branco e comentários para produção, ou em Embelezar para reindentar código ofuscado / em uma única linha em uma forma legível. Detecção automática de linguagem, tudo no seu navegador.
Conservador. Removemos comentários e reduzimos espaços em branco, mas não alteramos identificadores (foo continua foo), não realizamos eliminação de código morto e não reordenamos instruções. O objetivo é uma redução de bytes segura e previsível. Se você quiser compressão máxima, passe a saída pelo Terser ou esbuild como passo final.
Não. O tokenizador reconhece strings, template literals e regex. Espaços em branco e sequências semelhantes a comentários dentro de "...", '...', \`...\` ou /regex/flags são preservados literalmente. Comentários de banner de licença (/*! ... */) também são preservados por padrão.
Minifique para produção, embeleze para depuração — e alguns pequenos detalhes que tornam o uso realmente agradável.
JavaScript ou CSS, minificar ou embelezar, em uma só ferramenta. A detecção automática escolhe a linguagem a partir de pistas no conteúdo; ou substitua manualmente pelo menu Linguagem.
Removemos comentários e reduzimos espaços em branco — mas nunca alteramos identificadores, nunca reordenamos, nunca fazemos inline. Strings, template literals, regex e comentários de banner de licença (/*! ... */) são preservados literalmente. A saída é segura byte a byte.
Cole um bundle minificado em uma única linha, clique em Embelezar e obtenha uma versão indentada legível — útil para inspecionar scripts de terceiros, depurar stack traces de produção ou aprender com código engenhoso.
Cada minificação mostra o delta de bytes de entrada → bytes de saída e a porcentagem economizada. Não precisa adivinhar se o seu bundle CSS está realmente ficando menor.
Seu código permanece no seu dispositivo. Tokenizador, minificador e embelezador rodam todos como JavaScript localmente. Abra o DevTools → Rede e verifique zero requisições de saída.
JavaScript puro, sem runtime de framework. O carregamento inicial é menor que 25 KB com gzip. Um bundle JS de 200 KB é minificado em menos de 50 ms em um laptop comum.
Três passos do código bruto à saída pronta para produção.
Coloque JavaScript ou CSS no painel Entrada. A ferramenta detecta automaticamente qual linguagem é — ou escolha pelo menu Linguagem se a fonte for ambígua (por exemplo, um pequeno fragmento).
Clique em Minificar para remover comentários e espaços em branco para produção. Clique em Embelezar para expandir código ofuscado / em uma única linha com indentação adequada. A ferramenta executa novamente de forma instantânea a cada clique — alterne entre os dois para comparar.
Use o ícone de copiar para enviar a saída para a sua área de transferência, ou o ícone de download para salvá-la como output.min.js / output.min.css / output.beauty.js / output.beauty.css. A diferença de tamanho (bytes de entrada → saída, porcentagem economizada) mostra exatamente quanto você comprimiu.
Quatro cenários comuns onde uma ferramenta de navegador focada em privacidade é melhor do que colar código em um minificador online qualquer.
Páginas estáticas, modelos de e-mail transacional e snippets para incorporação geralmente precisam de um script ou folha de estilos inline em uma única linha. Coloque seu código-fonte legível, minifique e cole o resultado dentro da tag <style> ou <script> — pronto.
Pixels de fornecedores, beacons de redes de anúncios, extensões suspeitas — todos vêm como uma linha minificada. Cole, clique em Embelezar e leia o que eles realmente fazem antes de incorporá-los em produção.
Temas para WordPress / Shopify / Ghost / Webflow vêm com CSS inchado. Cole a folha de estilos, embeleze, procure regras duplicadas e seletores não utilizados. Quando terminar, minifique a versão limpa de volta para uma linha.
Scripts internos contendo chaves de API, segredos, lógica de negócio — qualquer coisa que você não pode colar em um minificador na nuvem. A ferramenta que roda apenas no navegador mantém cada byte no seu laptop. Abra o DevTools → Rede e verifique que nada sai.
Seu código nunca sai do seu dispositivo. Abra o DevTools → Rede e você verá zero requisições de saída durante a minificação ou embelezamento.
/*! ... */) são preservados por padrão para que você não remova acidentalmente atribuições exigidas pela licença de uma biblioteca de código aberto.
Leituras selecionadas sobre minificação de JS / CSS, formatação de código e disciplina de tamanho de bundle.
Where XML still beats JSON (SOAP, RSS, Office docs, EPUB, sitemaps, configs) and where JSON wins. Worked examples and migration patterns.
Reading XML namespace prefixes, finding the actual fault inside a SOAP envelope, and using a browser-based formatter to spot the issue without firing up SoapUI.
Conservador. Removemos comentários e reduzimos espaços em branco, mas não alteramos identificadores (foo continua foo), não realizamos eliminação de código morto e não reordenamos instruções. O objetivo é uma redução de bytes segura e previsível. Se você quiser compressão máxima, passe a saída pelo Terser ou esbuild como passo final.
Não. O tokenizador reconhece strings, template literals e regex. Espaços em branco e sequências semelhantes a comentários dentro de "...", '...', \`...\` ou /regex/flags são preservados literalmente. Comentários de banner de licença (/*! ... */) também são preservados por padrão.
Sim. Regras aninhadas, @media, @keyframes, @font-face, @layer, @container, @supports e propriedades personalizadas CSS (--var) são todos minificados com segurança. Listas de seletores com vírgulas são mantidas; apenas espaços em branco insignificantes são reduzidos.
É exatamente para isso que serve o Embelezar. Cole qualquer JS ou CSS minificado, clique em Embelezar e obtenha uma versão reindentada. O embelezador não altera a semântica — apenas adiciona quebras de linha e indentação com base na profundidade dos colchetes. Funciona com qualquer entrada válida, independente de como foi minificada.
Não. O tokenizador, o minificador e o embelezador rodam todos em JavaScript no seu dispositivo. Abra o DevTools → Rede e você verá zero requisições de saída durante a minificação ou embelezamento. Cole chaves de API, segredos ou código proprietário — nada sai do seu laptop.