O que faz o CSS Minifier?
O CSS Minifier remove espaços em branco, comentários, pontos e vírgula redundantes e regras vazias do seu CSS, reduzindo o tamanho do arquivo sem alterar o comportamento visual da página.
Arquivos CSS menores carregam mais rápido, economizam banda e melhoram o score de performance no Lighthouse e Core Web Vitals — fatores importantes para SEO e experiência do usuário.
Como usar
- Cole seu CSS formatado no campo de entrada.
- Marque as otimizações desejadas.
- Clique em Minificar ou pressione Ctrl+Enter.
- Copie o resultado para usar em produção.
- Use Formatar para reverter para uma versão legível caso precise editar.
Opções disponíveis
Remover comentários: elimina todos os blocos . Recomendado para produção pois os comentários não afetam o estilo.
Remover espaços em branco: colapsa espaços ao redor de { } ; : , — a maior fonte de economia de bytes.
Remover último ponto e vírgula: o ; antes de } é opcional em CSS. Removê-lo economiza 1 byte por regra.
Remover regras vazias: elimina blocos {} vazios e pontos e vírgula duplicados.
Quando usar?
Use sempre antes de subir CSS para produção — seja em projetos com build manual ou como etapa do seu pipeline CI/CD. Para projetos com bundlers como Vite, Webpack ou Next.js, essas ferramentas já minificam automaticamente; use esta ferramenta para validar o resultado ou processar CSS avulso.