Minificador CSS — bytes a menos na sua página

O que esta ferramenta faz

CSS legível vira o menor CSS que se comporta igual.

a {
  margin: 0 auto;
  color: red;
}

a{margin:0 auto;color:red}

Vão embora os espaços em volta da pontuação e o último ponto e vírgula antes de uma chave de fechamento; o resto fica exatamente como estava.

Os comentários de licença ficam

/*! normalize.css v8 | MIT License */
a { color: red }

/*! normalize.css v8 | MIT License */a{color:red}

Um comentário que começa com /*! é a convenção que todo minificador respeita: quer dizer “este não é enfeite”. É ali que moram os avisos de licença, e uma licença muitas vezes exige que eles viajem com o código. Eram removidos junto com o resto — um defeito real, encontrado ao escrever esta página e corrigido. Os comentários comuns continuam saindo, que foi para isso que você veio.

Os espaços que significam algo ficam

• Dentro das strings. content: "a b" mantém os dois espaços: entre aspas, um espaço é um valor.
• Dentro de url(). Uma URL sem aspas pode conter um espaço, uma barra ou um ponto e vírgula, e nenhum deles é sintaxe ali.
• Em volta dos operadores de calc(). calc(100% - 10px) sem os espaços não é a mesma expressão — deixa de ser analisável.
• Entre seletores. a b é “um b dentro de um a”; a>b, a~b e a+b não precisam do espaço e o perdem.

O que ela não faz

Isto é um minificador de espaços, e nada mais. Ele não encurta cores, não dobra propriedades abreviadas, não tira a unidade dos zeros, não funde regras repetidas nem reordena nada. Essas transformações são de um otimizador como o cssnano ou o Lightning CSS, cada uma carrega um risco, e nenhuma é o motivo pelo qual alguém cola uma folha de estilos numa caixa de uma página web.

O formatador CSS deste site faz a viagem inversa, para quando você quiser ler o arquivo de novo.

Privado por padrão

Tudo é executado localmente no seu navegador com JavaScript. Os seus dados nunca são enviados para um servidor, o que torna a ferramenta segura para conteúdo sensível e funciona offline.