Minificador CSS
Comprima ou embeleze o seu CSS, com a poupança em bytes.
- Instantânea
- Grátis
- Privada (processada localmente)
- Sem registo
CSS mais leve, ou mais legível — à sua escolha
Em produção quer um CSS compacto para carregar rápido; em desenvolvimento, um CSS arejado para ler. Esta ferramenta faz os dois sentidos e mostra de cada vez quantos bytes poupou ou recuperou.
-
Cole o seu CSS
Uma regra, uma folha inteira, qualquer tamanho.
-
Minifique ou embeleze
Compressão máxima, ou reindentação limpa.
-
Leia a poupança
Bytes antes → depois e percentagem poupada.
O que a minificação remove
| Antes | Depois |
|---|---|
| /* comentário */ | (removido) |
| .box { color: red; } | .box{color:red} |
| margin: 0 auto ; | margin:0 auto |
| Quebras de linha e tabulações | (removidas) |
Minificador propositadamente simples e seguro: não renomeia nada nem funde regras. Para produção crítica, uma ferramenta de build (cssnano, Lightning CSS) irá mais longe.
Perguntas frequentes
Porquê minificar o CSS?
Um ficheiro CSS mais leve descarrega mais depressa: a página aparece mais cedo e usa menos largura de banda. Em ficheiros grandes, remover comentários, espaços e quebras de linha costuma poupar 20–40 % do tamanho.
A minificação muda a renderização?
Não: só toca em caracteres invisíveis (espaços, quebras, comentários) e no ponto e vírgula final desnecessário. Regras, valores e seletores ficam idênticos. O navegador interpreta exatamente o mesmo estilo.
O que faz o modo «embelezar»?
O inverso: reindenta um CSS comprimido ou mal formatado, uma regra por linha, com recuos, para o tornar legível e editável. Útil para decifrar o CSS minificado de um site e perceber como está construído.
As minhas folhas de estilo são enviadas para a internet?
Não: todo o processamento ocorre no seu navegador, nada é transmitido. Pode minificar CSS confidencial ou proprietário sem que saia da sua máquina.