Minifique e comprima folhas de estilo CSS instantaneamente no seu navegador. Remova comentários, reduza espaços em branco e diminua o tamanho do arquivo. Gratuito e privado.
Suporta arquivos .css. Ou cole seu CSS acima.
A minificação CSS remove espaços em branco, comentários e caracteres desnecessários de uma folha de estilo para reduzir seu tamanho antes de servir aos navegadores. As regras reais permanecem inalteradas: uma folha de estilo minificada renderiza as páginas de forma idêntica à fonte não minificada. A economia vem da remoção de novas linhas, ponto-e-vírgula redundantes, comentários, oportunidades de abreviação de cores hexadecimais e atalhos de unidade zero (substituindo 0px por 0).
Em sites modernos com dezenas de regras de estilo, a redução típica é de 20–40% em relação à fonte não minimizada. Combinada com a compactação gzip no servidor, a economia marginal diminui – o gzip já compacta texto repetido de forma eficaz – mas a combinação ainda supera a compactação sozinha, especialmente quando as folhas de estilo são armazenadas em cache e servidas muitas vezes para muitos visitantes.
Este minificador processa CSS em uma única passagem, removendo comentários fora dos valores url(), reduzindo espaços em branco, removendo pontos e vírgulas redundantes antes de fechar colchetes, aplicando abreviação de unidade zero e convertendo cores hexadecimais de seis dígitos para o formato de três dígitos sempre que possível (#ffffff → #fff). A saída permanece CSS válida que qualquer navegador analisa corretamente.
Arquivos CSS menores carregam mais rápido e o tempo de bloqueio de renderização diminui, o que melhora as pontuações do First Contentful Paint e do Largest Contentful Paint. Para sites onde Core Web Vitals afetam a classificação de pesquisa, cada kilobyte de CSS de bloqueio de renderização eliminado vale o esforço.
Os custos de largura de banda também são importantes em escala. Sites que atendem milhões de visualizações de página economizam quantidades mensuráveis de saída quando suas folhas de estilo são 30% menores. As contas de CDN, o uso de dados móveis e o consumo de energia são ligeiramente beneficiados. A minificação é essencialmente gratuita – uma etapa única de construção sem custo de manutenção.
Cole CSS e obtenha a versão reduzida.
A minificação de CSS é principalmente uma remoção conservadora de espaços em branco. Os espaços em branco dentro de seletores, declarações e valores são preservados quando significativos; o espaço em branco externo está recolhido. Os comentários são removidos, a menos que comecem com /*! (comentários sobre preservação da licença).
Atalhos comuns: 0px, 0em e valores de unidade zero semelhantes tornam-se 0; cores hexadecimais de seis dígitos com dígitos emparelhados (#ffffff, #336699) tornam-se três dígitos (#fff, #369); o último ponto e vírgula antes de } é removido. Os nomes das cores não são convertidos em hexadecimal automaticamente porque o hexadecimal às vezes é mais longo (vermelho é menor que #f00; #ff0000 é maior que vermelho).
A saída deve passar por qualquer validador CSS que aceite a entrada. O suporte do navegador permanece inalterado — a minificação não modifica as regras em si, apenas sua representação de texto.