Formatador de CSS

Este é um formatador de CSS que embeleza folhas de estilo com indentação limpa e consistente, ou as minifica para reduzir o tamanho do ficheiro. Escolha o tamanho da indentação ao embelezar, e muda para minificar quando quer a saída mais pequena.

CSS legível é mais fácil de percorrer, rever e depurar: quando cada regra e declaração está indentada de forma consistente, consegue ver os seletores, o aninhamento e a forma das suas media queries num relance.

Minificar é para produção. Remove os espaços em branco e os comentários de que os navegadores não precisam, por isso o ficheiro descarrega mais depressa. Numa folha de estilo grande, a poupança soma-se, sobretudo antes da compressão gzip no servidor.

O minificador é cuidadoso onde importa. Mantém os espaços à volta do mais e do menos dentro de calc(), por isso calc(100% - 30px) mantém-se válido, e só remove espaços à volta de caracteres estruturais como chavetas, dois pontos e ponto e vírgula. Também trata corretamente das media queries aninhadas.

Os comentários de licença escritos na forma /*! ... */ são preservados, que é a convenção padrão para manter avisos de direitos de autor e de licença na saída minificada mesmo quando os comentários comuns são removidos.

Tanto embelezar como minificar correm inteiramente no seu navegador, por isso as suas folhas de estilo nunca saem do seu dispositivo. A ferramenta formata para legibilidade e tamanho; não valida se o seu CSS está correto.