Minificador de CSS
O Minificador de CSS é uma ferramenta online gratuita que comprime folhas de estilo para reduzir o tamanho do arquivo. Ele remove comentários, compacta espaços, retira pontos e vírgulas finais, otimiza valores zero e abrevia cores hexadecimais, transformando o CSS de desenvolvimento inchado em código enxuto e pronto para produção, que baixa e é processado mais rápido.
Por Que Minificar CSS
Carregamentos Mais Rápidos
Menos Largura de Banda
Pronto para Produção
Como Minificar CSS
Cole ou Envie seu CSS
Digite ou cole sua folha de estilo no painel de entrada à esquerda, ou use Enviar para carregar um arquivo .css diretamente. Experimente o botão Exemplo para ver como funciona.
Defina a Opção de Comentários
Ative Remover comentários para retirar todos os blocos /* ... */, ou desative se precisar manter cabeçalhos de licença e notas.
Minifique
Clique em Minificar ou pressione Ctrl + Enter. O CSS comprimido aparece na hora no painel de saída.
Revise e Exporte
Confira a barra de estatísticas com o tamanho original, o minificado e a economia. Depois Copie o resultado ou Baixe como arquivo.
Otimizações e Recursos
O que é Otimizado
O minificador aplica transformações seguras e reconhecidas que reduzem seu CSS sem mudar como ele é renderizado.
| Otimização | Antes | Depois |
|---|---|---|
| Remover comentários | /* header */ | (removido) |
| Compactar espaços | margin: 0 auto; | margin:0 auto |
| Pontos e vírgulas finais | color:red;} | color:red} |
| Valores zero | padding: 0px; | padding:0 |
| Abreviar cores hex | #ffffff | #fff |
Feito para Continuar Válido
Preserva as Expressões calc()
Os espaços ao redor dos operadores dentro de calc() são exigidos pela especificação. O minificador os protege para que seus cálculos continuem funcionando.
Interruptor de Comentários
Mantenha ou retire os comentários /* */ com um único interruptor, prático para preservar avisos de licença.
Estatísticas de Compressão
Veja o tamanho original, o minificado e a porcentagem economizada após cada execução.
Envie ou Cole
Carregue um arquivo .css do disco ou cole o código diretamente, conforme seu fluxo de trabalho.
Perguntas Frequentes
Meu código é enviado a um servidor?
Não. Toda a minificação acontece localmente no seu navegador com JavaScript. Seu CSS nunca é enviado, registrado ou armazenado em lugar nenhum.
A minificação vai quebrar meu CSS?
Não. O minificador só remove caracteres desnecessários — espaços, comentários, pontos e vírgulas redundantes — e abrevia valores com segurança. Ele protege as expressões calc() e deixa as media queries e os seletores intactos, então o resultado renderizado é idêntico.
Quanta redução de tamanho posso esperar?
As folhas de estilo normalmente encolhem de 30% a 60%, conforme a quantidade de comentários e espaços do original. CSS muito documentado ou com formatação generosa obtém a maior economia.
Devo manter uma versão não minificada?
Sim. O CSS minificado é difícil de ler e editar, então mantenha sempre sua fonte original formatada para o desenvolvimento. Minifique apenas a cópia que você implanta em produção.
Ele remove os comentários de licença?
Se Remover comentários estiver ativo, todos os comentários /* */ são retirados, incluindo cabeçalhos de licença. Desative a opção quando precisar preservar a atribuição ou avisos legais.
Ainda não há comentários. Seja o primeiro a comentar!