Compressor CSS (Minify)

Você tem um bloco de CSS cheio de comentários e indentação e quer a versão enxuta para embutir numa tag style, num e-mail HTML ou num campo com limite de tamanho, sem instalar nada nem configurar build. Aqui é colar e pronto: a saída minificada aparece enquanto você digita, com a contagem de bytes antes e depois e o percentual economizado logo acima do resultado.

Por dentro é minificação por expressões regulares, não um parser: a ferramenta remove comentários, colapsa espaços e quebras e elimina espaços em volta de chaves, dois-pontos, ponto e vírgula, vírgulas e combinadores. Ela não reescreve valores, então #ffffff não vira #fff nem 0px vira 0. E como não entende contexto, tem uma pegadinha real com calc(): os espaços em volta do sinal de + somem, e calc exige espaço ao redor de + e -, então calc(100% + 20px) sai inválido.

Funciona bem para folhas de estilo comuns: seletores, propriedades, media queries. Antes de usar o resultado, confira dois pontos: expressões calc() com soma ou subtração, que precisam ter os espaços devolvidos à mão, e strings na propriedade content, que podem perder espaços internos em volta de vírgulas. Para pipeline de produção, um minificador com parser, como o cssnano, otimiza mais e sem esses riscos. Nada do que você cola sai do seu navegador.