Minificar CSS
Coloque uma folha de estilo no editor e obtenha uma versão minificada sem comentários de bloco e com sequências de espaços reduzidas a um. Útil para checar tamanho rápido ou quando precisa de um trecho compacto sem um build completo.
Atualizado 2026-08-03 · developer
Sobre esta ferramenta
A minificação reduz o tamanho de transferência ao apagar comentários e espaços desnecessários. Esta ferramenta é um passo leve no navegador—não um parser CSS completo—então não reescreve seletores nem encurta cores. Guarde uma fonte formatada; trate a saída como cópia comprimida para entrega ou comparação.
Como usar
- Abrir Minificar CSS: Abra esta página no navegador.
- Colar CSS: Coloque sua folha ou fragmento na caixa Code.
- Copiar o resultado: Pegue a saída compactada na área de resultado.
- Verificar no contexto: Cole na página ou bundler e confirme que os estilos ainda se aplicam.
Casos de uso
- Comprimir um trecho pequeno de CSS antes de colar num CMS.
- Comparar aproximadamente quanto os espaços pesam numa folha.
- Preparar CSS crítico em linha para uma demo rápida.
- Limpar estilos comentados de um rascunho antes de compartilhar um gist.
Dicas
- Strings ou urls com /* */ são raros, mas podem quebrar uma remoção ingênua—revise a saída em CSS crítico.
- Mantenha o arquivo formatado original; CSS minificado é difícil de editar depois.
FAQ
Renomeia classes ou mescla regras?
Não. Só remove comentários e colapsa espaços.
@media e regras aninhadas são preservadas?
A estrutura permanece como texto; só comentários e espaços extras mudam.
Meu CSS é enviado?
O processamento roda localmente no navegador.
Por que a saída pode parecer errada?
Comentários dentro de strings podem confundir um removedor simples—revise folhas importantes.