Minificador CSS
Minimize o CSS removendo comentários e espaços em branco sem alterar seus valores.
Minificador CSS
Cole uma folha de estilo e esta ferramenta retornará uma versão compacta com comentários removidos, espaços em branco recolhidos e o último ponto e vírgula de cada bloco removido. Use-o para eliminar bytes de uma folha de estilo antes do envio, para incorporar CSS crítico em um cabeçalho de página, para comprimir estilos em um modelo de e-mail HTML ou simplesmente para ver quanto do seu arquivo está sendo formatado - a contagem abaixo da saída mostra a contagem de bytes e a porcentagem salva.
O minificador analisa seu CSS em vez de substituir cegamente o texto, para que as partes complicadas permaneçam intactas: literais de string mantêm todos os caracteres, expressões calc() mantêm os espaços ao redor de seus operadores, valores url() são copiados intactos e um seletor descendente como "a :hover" nunca é fundido em "a:hover". O que ele deliberadamente não faz é reescrever seus valores – cores, unidades e taquigrafias aparecem exatamente como você os escreveu. É um minificador honesto de espaços em branco e comentários, não um otimizador que reestrutura regras.
Duas opções ajustam a saída. "Keep /*! comments" preserva comentários que começam com /*!, a convenção para banners de licença que devem sobreviver à minificação — desative-a para descartá-los como qualquer outro comentário. "Uma regra por linha" emite uma nova linha após cada regra de nível superior, o que mantém o resultado amigável e mais fácil de verificar do que uma linha longa.
Tudo roda no seu navegador. Seu CSS nunca é carregado, portanto, folhas de estilo proprietárias e designs não lançados permanecem no seu dispositivo.