Algo errado nesta ferramenta?
Sobre «Minificador CSS Online»
Esta ferramenta minifica CSS removendo espaços em branco desnecessários, comentários e sintaxe redundante. A saída é funcionalmente idêntica à entrada mas significativamente menor — frequentemente uma redução de 30-50% no tamanho do arquivo — o que significa carregamentos de página mais rápidos e menores custos de largura de banda.
Operações comuns de minificação incluem remover espaços, remover comentários, encurtar cores hex (#FFFFFF → #FFF), unir múltiplos seletores que compartilham as mesmas declarações, e remover unidades zero (0px → 0).
Execute o minificador em seus estilos antes de implantar em produção. A saída é preservada exatamente quando analisada por navegadores — apenas a formatação legível por humanos vai embora. Os source maps podem mapear a versão minificada de volta ao original para depuração.
Como usar esta ferramenta
Como comprimir uma folha de CSS para produção
Cole o CSS
Folha de estilos inteira (ou um bloco) no campo "CSS". Comentários, quebras de linha e indentação são removidos. Strings e literais url() ficam intactos.
Executar
Resultado: campo `minified` mais `savedPercent` mostrando o quanto a saída encolheu. Economia típica: 20–40% em CSS escrito à mão, menos em frameworks já otimizados.
O que é removido
Comentários de bloco (`/* … */`) e qualquer whitespace inseguro (em torno de `{ } : ; ,`). Os `;` antes de `}` são preservados (mais seguro em parsers legados) ou removidos conforme o minifier — confira a saída se bytes exatos importam.
Ressalvas
Não funde seletores duplicados, não encurta nomes de cor (`#ffffff` permanece, não vira `#fff`), não reordena declarações. Para minificação mais agressiva integre csso ou lightningcss ao seu build.