Formatador e minificador de CSS
Embeleze CSS para leitura ou minifique-o para publicar
Sobre esta ferramenta
Expanda CSS minificado ou copiado e colado em regras com uma declaração por linha, ou esprema uma folha de estilos para produção. O embelezador normaliza a indentação e a posição das chaves; o minificador remove comentários, colapsa espaços e descarta pontos e vírgulas finais, deixando intocados strings, conteúdos de url(...) e expressões calc().
O minificador é transparente sobre o que não faz: não renomeia seletores, não mescla regras duplicadas nem reescreve cores. Isso torna a saída previsível e segura para qualquer folha de estilos, incluindo as com hacks e prefixos de fornecedor — cole, minifique, publique.
Como toda ferramenta aqui, o processamento é local. Código de design system não lançado fica no seu navegador.
Perguntas frequentes
- Quanto menor fica o CSS minificado?
- Tipicamente 15–30% para CSS escrito à mão, principalmente por indentação e comentários. O gzip no seu servidor remove boa parte da mesma redundância, então a diferença no tamanho transmitido é menor do que a contagem bruta de bytes sugere — minifique mesmo assim, também reduz o tempo de parse.
- É seguro para calc(), propriedades customizadas e media queries?
- Sim. Espaços dentro de calc() são significativos e são preservados; propriedades customizadas e suas referências var() são declarações comuns e sobrevivem sem mudanças; @media e outras at-rules mantêm sua estrutura.
- Por que seletores descendentes mantiveram seus espaços?
- Porque "nav a" e "nava" selecionam coisas diferentes — o espaço é um combinador, não formatação. O minificador só remove espaço em branco sem significado sintático.
- Ele converte entre LESS/SCSS e CSS?
- Não — sintaxe de pré-processador precisa de compilação, não de formatação. SCSS simples que também é CSS válido formata bem; regras aninhadas e mixins, não.