Minificador de CSS
- Cole o CSS no campo de entrada.
- O resultado minificado aparece junto com o tamanho original, o tamanho final e a economia em porcentagem.
- Copie o resultado para o seu arquivo de produção.
- Comentários /* ... */ por completo.
- Espaços em volta de chaves, dois-pontos, ponto e vírgula, vírgula e dos combinadores >, + e ~.
- O último ponto e vírgula antes de cada fechamento de bloco, que é opcional.
- Quebras de linha e indentação, colapsadas em espaço único.
A redução típica fica entre 15% e 30% do texto, dependendo de quanta indentação e quantos comentários existiam.
O ganho real, porém, é menor do que esse número sugere: servidores entregam CSS com compressão gzip ou brotli, e esses algoritmos já lidam muito bem com espaço repetido. Depois de comprimido, a diferença entre a versão minificada e a original costuma ser bem mais modesta.
Isso não torna a minificação inútil — ela reduz o tamanho em disco, o tempo de análise pelo navegador e o volume transferido quando não há compressão. Só ajusta a expectativa.
Esta é uma minificação baseada em texto, não um minificador com analisador sintático completo. Ela não reordena propriedades, não remove regras duplicadas, não funde seletores nem encurta cores.
Um efeito colateral a conhecer: espaços múltiplos dentro de um valor de texto, como em content: "a b", são colapsados junto com o resto. Se o seu CSS depende de espaçamento exato dentro de aspas, confira o resultado.
Para um pipeline de produção, ferramentas como cssnano e lightningcss fazem otimizações estruturais que uma minificação textual não alcança.
Todo o processamento acontece no seu navegador; nada é enviado para servidores.
Perguntas frequentes
Para CSS comum, não. O único caso a observar é espaçamento múltiplo dentro de valores entre aspas, que é colapsado.
O ganho adicional é modesto, porque o gzip já comprime bem espaço repetido. Ainda assim reduz o tamanho em disco e o tempo de análise pelo navegador.
Porque ele é opcional na última declaração de um bloco. Remover economiza um byte por regra e não altera o comportamento.
Não de forma exata: comentários e a formatação original se perdem. É possível reindentar o resultado, mas o que foi removido não volta. Mantenha sempre a versão fonte.
Não. A minificação acontece no seu navegador.