O que faz o CSS Formatter?
O CSS Formatter organiza regras CSS com indentação consistente e quebras de linha, tornando o código legível para revisão e manutenção. Ideal para limpar CSS gerado automaticamente, copiado de fontes externas ou minificado para produção.
O modo Minificar faz o oposto: remove comentários, espaços desnecessários e o último ponto e vírgula de cada bloco para reduzir o tamanho do arquivo e melhorar o carregamento da página.
Como usar
- Escolha o modo: Formatar ou Minificar.
- Cole seu CSS no campo de entrada.
- Clique no botão ou use Ctrl+Enter.
- Copie o resultado com um clique.
- No modo Formatar, ajuste a indentação (2, 4 ou 8 espaços) conforme seu style guide.
Quando usar?
Use o Formatter ao receber CSS de terceiros, ao inspecionar estilos gerados por ferramentas como Tailwind, SASS ou PostCSS, ou ao compartilhar código com o time. CSS bem formatado facilita revisão, debugging e manutenção.
Use o Minifier antes de publicar em produção para reduzir o tamanho dos arquivos, diminuir o tempo de carregamento e economizar banda — especialmente importante em conexões móveis.
Opções de minificação disponíveis
Remover comentários: elimina todos os blocos do CSS.
Remover espaços em branco: colapsa espaços ao redor de chaves, ponto e vírgula, dois-pontos e vírgulas.
Remover último ponto e vírgula: remove o ; antes de } — economiza bytes e é válido em CSS.