Minificar e formatar CSS

Cole a sua folha de estilos e clique em «Minificar» para retirar comentários, espaços e quebras de linha desnecessários, ou em «Formatar» para transformar um CSS comprimido em código legível e bem indentado. Tudo acontece no seu navegador.

O que faz o minificador?

Elimina tudo aquilo de que o navegador não precisa: comentários, indentação, quebras de linha, espaços à volta de chavetas, dois pontos, vírgulas e combinadores, e o ponto e vírgula final de cada bloco. O resultado ocupa normalmente entre 15% e 30% menos e funciona exatamente da mesma forma.

Respeitamos o que não se pode alterar: o conteúdo das cadeias de texto (content: "…"), os caminhos de url(), os espaços obrigatórios do calc() e das media queries, e os comentários que começam por /*!, que por convenção contêm licenças e devem ser conservados.

Minificar em produção

Menos bytes significam uma transferência mais rápida e melhores métricas Core Web Vitals, sobretudo em telemóveis. Além de minificar, ative a compressão gzip ou Brotli no servidor, que reduz o CSS muito mais, e sirva os ficheiros com cache de longa duração.

Num projeto com ferramentas de compilação (Vite, webpack, PostCSS…) a minificação é feita automaticamente com o cssnano ou o Lightning CSS; esta ferramenta é útil para sites simples, modelos ou para ler (formatar) o CSS minificado de outra página.