Minificador de CSS

Minifique e comprima CSS em um só lugar

Este minificador de CSS reduz suas folhas de estilo eliminando cada caractere que o navegador não precisa — comentários, espaços em branco, quebras de linha e o ponto e vírgula final redundante em cada regra — para que o arquivo que você envia seja menor em bytes mas renderize de forma idêntica. Cole seu código ou arraste um arquivo .css e o resultado comprimido aparece instantaneamente, com os bytes exatos e a porcentagem economizada.

Também é um compressor de CSS e um formatador de CSS em um só: um único botão alterna entre minificar e desminificar, então a mesma ferramenta que comprime uma folha de estilo pode expandi-la de volta a código legível e indentado.

O que remove — e o que nunca toca

Quando você minifica CSS, a ferramenta elimina comentários, colapsa todos os espaços em branco, remove os espaços ao redor de símbolos como { } : ; , > + e suprime o último ponto e vírgula antes de cada chave de fechamento. Ative o modo Agressivo e ele também remove zeros iniciais (0.5em → .5em) e a unidade em valores de comprimento zero (0px → 0).

Crucialmente, é sem perdas. Strings entre aspas, valores url() e expressões calc() são protegidos antes de qualquer remoção, então um valor como calc(100% - 2rem) mantém seus espaços necessários e o caminho de uma imagem de fundo nunca é alterado. Muitos minificadores online rápidos erram com calc() — este não.

Minifique ou formate — uma ferramenta verdadeiramente bidirecional

Precisa ler uma folha de estilo comprimida em uma única linha? Mude para o modo Formatar para desminificar CSS: a ferramenta re-indenta o código, coloca cada declaração em sua própria linha, adiciona um espaço após cada dois pontos e organiza as listas de seletores de forma limpa. Escolha indentação de 2 espaços, 4 espaços ou tabs para combinar com o estilo do seu projeto.

Como minificar e formatar são reversíveis, você pode colar CSS minificado de produção, lê-lo, ajustá-lo e minificá-lo novamente — tudo sem sair da página.

Como se compara com cssminifier.com, CleanCSS e cssnano

cssminifier.com é a opção online mais usada, mas faz upload do seu código para os servidores deles. Para folhas de estilo proprietárias — projetos de clientes, designs não publicados, ferramentas internas — isso é um risco real. CleanCSS e cssnano são bibliotecas Node.js: ótimas para pipelines automatizados mas indisponíveis sem instalação local. O minificador CSS do freeformatter.com e o do TopTal também são do lado do servidor.

Esta ferramenta processa tudo localmente com JavaScript — nada é enviado, jamais. Cobre as otimizações de minificação mais comuns (espaços, comentários, pontos e vírgulas, unidades zero, zeros iniciais) e adiciona uma estimativa gzip no mesmo passo. Sem conta, sem upload, sem instalação — funciona em iPhone, Android, Mac, Windows e Linux.

Veja os bytes que você economiza — incluindo gzip

Uma barra de estatísticas proeminente mostra o tamanho original, o tamanho de saída e os bytes e porcentagem economizados, para que você sempre saiba exatamente quanto menor ficou seu CSS. Os tamanhos são medidos em bytes UTF-8 reais, não em contagens de caracteres, então correspondem ao que seu servidor realmente serve.

Também mostra uma cifra gzipada calculada localmente no seu navegador. Minificação e gzip se somam — minifique o fonte, depois deixe seu host comprimi-lo — e ver os dois números torna o ganho combinado óbvio.

100% privado — nada sai do seu navegador

Cada minificação e formatação roda localmente no seu navegador usando JavaScript. Seu CSS nunca é enviado, registrado ou armazenado, o que torna este um lugar seguro para comprimir folhas de estilo proprietárias, não publicadas ou de clientes. Não há cadastro e não há limite além da memória do seu dispositivo. Também funciona offline — uma vez carregada a página, desconecte a internet e o minificador continua funcionando. Salve nos favoritos este minificador CSS online e use-o sempre que precisar comprimir CSS, reduzir um arquivo ou ler um minificado.