Minificar CSS e preparar JavaScript online
Copiou uma folha de estilos cheia de quebras de linha e comentários? Cole o CSS na ferramenta para produzir uma versão mais compacta. No modo JavaScript, esta versão preserva o código e remove apenas espaços externos.
Como usar
1
Escolha CSS ou JavaScript
O comportamento depende da linguagem selecionada.
2
Cole e processe
Clique em Minificar para comparar a contagem de caracteres.
3
Copie e teste
Confira o comportamento da página antes de substituir o original.
O que o modo CSS faz
Ao preparar estilos para um projeto, costuma haver comentários, tabulações e linhas vazias que ajudam na manutenção, mas ocupam espaço. A rotina de CSS deste editor retira comentários e reduz parte dos espaços fora de trechos entre aspas. Ela conserva separações sensíveis entre palavras, seletores e operadores como os usados em calc().
A economia real depende da formatação de origem: um CSS já compacto pode praticamente não mudar, enquanto um arquivo com muitos comentários pode diminuir bastante. A contagem exibida após o processamento permite verificar o resultado sem depender de estimativas.
E o JavaScript?
JavaScript exige cuidado extra. Expressões regulares, strings, templates, módulos e comentários podem conter caracteres que parecem espaços dispensáveis. Por isso, o modo JavaScript preserva o conteúdo interno e remove somente espaços no início e no fim. Para gerar bundles pequenos de produção, use uma ferramenta que interprete a sintaxe, integrada ao processo de build.
Cuidados antes de publicar
Mantenha o arquivo legível como fonte de edição e gere uma cópia compactada. Teste menus, formulários, fontes, estilos responsivos e estados de interação em dispositivos diferentes. Custom properties, caracteres escapados e CSS criado por ferramentas de terceiros merecem atenção especial. Se algo mudar, volte à versão original e isole a regra afetada.
O texto é processado no navegador durante o uso da ferramenta. Confira a política de privacidade para informações sobre recursos de terceiros e funcionamento do site.
Perguntas frequentes
O resultado CSS funciona sempre da mesma maneira?
A rotina preserva aspas e caracteres escapados, mas certas regras CSS exigem cuidado. Confira o resultado em diferentes telas antes de publicar.
A ferramenta realmente minifica JavaScript?
O modo JavaScript apenas retira espaços externos. Para reduzir código JS de produção, utilize um minificador com análise sintática.
Posso formatar os dois tipos de código?
A formatação básica é destinada ao CSS. O botão não altera JavaScript, para evitar corromper expressões e strings.
Quanto espaço consigo economizar?
Depende do arquivo e da quantidade de espaços ou comentários. Compare as contagens exibidas na ferramenta; não existe uma taxa de redução garantida.
Existe um limite de tamanho?
O desempenho varia com o navegador, a memória disponível e o tamanho do texto. Teste primeiro com um trecho representativo do projeto.
Outras ferramentas de desenvolvimento
Pronto para testar?
Abra a ferramenta acima, cole o código e confira o resultado.Antes de salvar o resultado
O modo CSS remove comentários e espaços dispensáveis, preservando valores entre aspas e operadores sensíveis como os usados em calc(). No modo JavaScript, esta versão conserva o conteúdo, pois uma compactação mais profunda exige um analisador de sintaxe.
Antes de publicar, compare o resultado, teste estilos responsivos e mantenha a versão original. Para reduzir JavaScript de produção, utilize um compilador ou minificador com parser, capaz de compreender módulos, expressões regulares e templates.