Idioma
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)

Minifique código CSS online para reduzir o tamanho do arquivo. Remove comentários, compacta espaços, otimiza valores e abrevia cores hexadecimais.

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.

Roda inteiramente no seu navegador. Seu CSS nunca é enviado nem armazenado em um servidor; a minificação acontece localmente, então até folhas de estilo proprietárias ficam seguras.

Por Que Minificar CSS

Carregamentos Mais Rápidos

Folhas de estilo menores transferem em menos bytes, melhorando o First Contentful Paint e os Core Web Vitals.

Menos Largura de Banda

Corte de 30% a 60% do tamanho do arquivo para reduzir custos de hospedagem e CDN, especialmente em sites de alto tráfego.

Pronto para Produção

Publique CSS limpo e compacto sem montar um pipeline de build nem instalar nenhuma ferramenta.

Como Minificar CSS

1

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.

2

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.

3

Minifique

Clique em Minificar ou pressione Ctrl + Enter. O CSS comprimido aparece na hora no painel de saída.

4

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.

Atalho: pressione Ctrl + Enter no editor para minificar sem usar o mouse.

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çãoAntesDepois
Remover comentários/* header */(removido)
Compactar espaçosmargin: 0 auto;margin:0 auto
Pontos e vírgulas finaiscolor:red;}color:red}
Valores zeropadding: 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.

Vale saber: a minificação muda apenas a formatação, não os seletores ou regras. Ela não funde regras duplicadas nem reescreve propriedades abreviadas, então a cascata se comporta exatamente igual.

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.

Entrada
Saída
Erro

Cole o código à esquerda para minificar automaticamente

Original 0 B Minificado 0 B
Salvo 0%
|
Cole seu código CSS e clique em Minificar para comprimi-lo.
Use Ctrl+Enter para minificar rapidamente.
Ative Remover comentários para manter ou retirar os comentários do CSS.
Quer saber mais? Leia a documentação →
1/4
Não encontrou? Crie sua própria ferramenta com IA
Comece a digitar para pesquisar...
Pesquisando...
Nenhum resultado encontrado
Tente pesquisar com palavras-chave diferentes