Comprima Folhas de Estilo CSS no Navegador
Este minificador de CSS reduz suas folhas de estilo eliminando cada byte de que o navegador não precisa para renderizar a página. Ele remove comentários, recolhe espaços, retira ponto e vírgula finais e encurta unidades zero e cores hexadecimais — transformando um CSS de desenvolvimento inchado em um código enxuto e pronto para produção, que baixa e é processado mais rápido.
Por Que Minificar CSS
Páginas Mais Rápidas
Menos Banda
Sem Etapa de Build
Como Minificar Código CSS
Cole ou Envie Seu CSS
Digite ou cole sua folha de estilo no painel de entrada, ou use Enviar para carregar um arquivo .css. Experimente o botão Exemplo para ver em ação. A minificação também roda automaticamente enquanto você digita.
Defina a Opção de Comentários
Ative Remover comentários para retirar todo bloco /* ... */, ou desative para manter cabeçalhos de licença e anotações.
Minifique
Clique em Minificar ou pressione Ctrl + Enter. O CSS comprimido aparece na hora, com destaque de sintaxe, no painel de saída.
Revise e Exporte
Confira na barra de estatísticas o tamanho original, o tamanho minificado e o percentual economizado. Depois use Copiar no resultado ou Baixar como minified.css.
O Que o Compressor de CSS Otimiza
O minificador aplica transformações seguras e bem estabelecidas que reduzem seu CSS sem mudar como ele é renderizado.
| Otimização | Antes | Depois |
|---|---|---|
| Remover comentários | /* header */ | (removido) |
| Recolher espaços | margin: 0 auto; | margin:0 auto |
| Ponto e vírgula final | color:red;} | color:red} |
| Unidades zero | padding: 0px; | padding:0 |
| Encurtar cores hex | #ffffff | #fff |
Feito Para Continuar Válido
Preserva Expressões calc()
Os espaços em torno dos operadores dentro de calc() são exigidos pela especificação, então o minificador os protege e seus cálculos continuam funcionando.
Alternância de Comentários
Mantenha ou remova os comentários /* */ com um único botão — prático para preservar avisos de licença.
Estatísticas de Compressão ao Vivo
Veja o tamanho original, o tamanho minificado e o percentual economizado após cada execução.
Enviar, Copiar e Baixar
Carregue um arquivo .css do disco, copie o resultado para a área de transferência ou baixe-o como arquivo.
Perguntas Frequentes
O que minificar CSS faz de fato?
Remove os caracteres de que o navegador não precisa para renderizar a página — quebras de linha, indentação, comentários e espaços em torno de chaves, ponto e vírgula e dois-pontos — além de atalhos seguros como 0px → 0 e #ffffff → #fff. Seletores, propriedades, valores e a ordem da cascata são preservados exatamente.
Quanto menor meu CSS vai ficar?
A maioria das folhas de estilo encolhe cerca de 20–50%, dependendo de quantos comentários e quanto espaço em branco o original contém. Um CSS bastante documentado ou generosamente formatado tem a maior economia. A barra de estatísticas mostra o percentual exato do seu arquivo.
A minificação vai quebrar minha folha de estilo?
Não. O minificador só remove caracteres desnecessários e encurta 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 ao seu código de origem.
Dá para desminificar ou formatar de novo um CSS minificado?
Esta ferramenta apenas minifica. Como a minificação é uma mudança de formatação, um formatador de código pode reindentar a saída, mas os comentários e nomes originais se foram. Mantenha sempre seu código não minificado para o desenvolvimento e minifique apenas a cópia que você publica.
Minificar é o mesmo que a compressão gzip?
Não — eles se somam. A minificação reescreve o CSS para remover caracteres redundantes; o gzip ou Brotli então comprime os bytes transferidos no nível do servidor. Minifique primeiro e depois deixe o servidor aplicar o gzip por cima para o menor arquivo transferido.
Ele remove os comentários de licença?
Se Remover comentários estiver ativado, todos os comentários /* */ são retirados, inclusive os cabeçalhos de licença. Desative a opção quando precisar preservar créditos ou avisos legais.
Meu código é enviado a um servidor?
Não. Toda a minificação acontece localmente no seu navegador usando JavaScript. Seu CSS nunca é enviado, registrado ou armazenado em lugar nenhum.
Ainda não há comentários. Seja o primeiro a comentar!