Minificador e embelezador de CSS
Reduza o peso das suas folhas de estilo removendo comentários, espaços e regras vazias, ou faça o contrário: transforme CSS minificado em código legível e indentado. Você vê o tamanho original, o final e o tamanho com gzip.
Processado 100% no seu navegador
Ctrl + Enter executarCtrl + C copiar resultado
Como usar
- 1Cole seu CSS, arraste um arquivo .css ou carregue o exemplo.
- 2Escolha «Minificar» ou «Embelezar» e ajuste as opções (licenças, otimização, recuo).
- 3O resultado é atualizado na hora, junto com a economia em bytes e com gzip.
- 4Copie o resultado ou baixe-o como arquivo .css.
Casos de uso
- Preparar CSS para produção e melhorar as Core Web Vitals.
- Ler e depurar o CSS minificado de um site ou biblioteca.
- Medir quanto uma folha de estilo realmente pesa quando servida comprimida.
- Limpar CSS legado: remover comentários e regras vazias.
Perguntas frequentes
O que a minificação de CSS faz exatamente?
Remove comentários, espaços, quebras de linha, o último ponto e vírgula de cada bloco e regras vazias, e encurta valores como #aabbcc → #abc ou 0.5 → .5. O navegador interpreta o CSS exatamente igual, mas o arquivo fica menor.
Pode quebrar meu CSS?
Foi projetado para não quebrar: textos entre aspas, url() e os espaços dentro de calc() são preservados, assim como os espaços de seletores descendentes (por exemplo «a :hover»). Mesmo assim, revise o resultado antes de publicar.
Por que manter os comentários /*! … */?
Por convenção, comentários que começam com /*! contêm avisos de licença (MIT, Apache…) que muitas licenças exigem manter mesmo em código minificado.
O que significa o tamanho «com gzip»?
É o tamanho aproximado transferido pela rede se o seu servidor comprimir com gzip, calculado no navegador com CompressionStream. É o número que realmente afeta a velocidade de carregamento.