CSS Minifier

O que a reestruturação faz

Além de remover espaços em branco, o minificador encurta valores (#ffffff para #fff, 0px para 0) e combina regras. Dois seletores com declarações idênticas são combinados em uma regra, e as declarações podem passar de uma regra para outra quando a cascata permite. Portanto, a saída não segue a ordem do seu código-fonte, e procurar um seletor nela pode encontrá-lo agrupado com outros. Para ler o resultado, expanda-o com o formatador de CSS.

Comentários de licença permanecem

Comentários comuns são removidos, mas um comentário que começa com /*! é mantido. Essa é a convenção usada pelas bibliotecas para avisos de copyright e licença que precisam acompanhar o código; portanto, coloque esses avisos nesse formato para que o arquivo minificado continue em conformidade.

A minificação também remove o vínculo entre a saída e o código-fonte. As ferramentas de desenvolvedor do navegador só mapeiam o CSS minificado de volta ao original por meio de um source map, que as ferramentas de build produzem e esta página não produz. Por isso, mantenha o arquivo legível como aquele que você edita.

Como usar

1. Cole o CSS.
2. Escolha Minify CSS.
3. Copie ou baixe a folha de estilos otimizada.

Privacidade e limitações

O CSS fica no seu navegador. Teste o resultado em relação aos requisitos visuais e de compatibilidade entre navegadores antes de implantar.