Minificador CSS Grátis
Este minificador CSS grátis remove comentários, quebras de linha e espaços extras de uma folha de estilos e elimina o ponto e vírgula final em cada regra, mostrando quantos bytes você economizou. Strings entre aspas e valores url() são protegidos, e comentários de licença que começam com um ponto de exclamação podem ser mantidos. É ideal para quem quer uma folha de estilos menor sem instalar ferramentas de build.
CSS Minifier
Generators and Converters
Sobre esta ferramenta
Uma folha de estilos bloqueia a renderização: o navegador não pinta a página até que o CSS no head tenha sido baixado e analisado. Reduzir seu tamanho é uma das melhorias de velocidade mais simples, e minificar remove apenas caracteres que o navegador ignora, então a página fica igual.
O minificador remove comentários, reduz espaços em branco, remove espaços ao redor de chaves, ponto e vírgula, vírgulas e combinadores filhos, e elimina o ponto e vírgula antes de uma chave de fechamento. Texto dentro de aspas e dentro de url() é deixado intacto, e comentários que começam com um ponto de exclamação são preservados quando você escolhe manter avisos de licença.
Não mescla regras, renomeia classes ou remove CSS não utilizado, então o resultado é sempre uma cópia fiel de suas regras. Mantenha o arquivo legível em seu projeto e publique o minificado. Para ler CSS minificado novamente, use o embelezador CSS. Nada que você cola é armazenado.
Perguntas frequentes
Minificar CSS pode quebrar meu design?
Não, quando apenas comentários e espaços em branco são removidos. Esta ferramenta mantém strings e valores url() como estão. Se a página parecer diferente após publicar, a causa geralmente é um arquivo em cache antigo, então limpe o cache ou adicione um número de versão ao nome do arquivo.
Qual é a diferença entre minificar e comprimir?
Minificar reescreve o arquivo para que tenha menos caracteres. Compressão como gzip ou Brotli é aplicada pelo servidor ao enviar o arquivo. Elas funcionam juntas: minifique primeiro, depois deixe o servidor comprimir, e o visitante baixa a versão menor possível.
Remove CSS não utilizado?
Não. Remover regras não utilizadas requer uma análise de suas páginas reais, porque uma regra que parece não utilizada pode estilizar um menu ou popup que aparece depois. Esta ferramenta apenas reduz o que você cola, então cada regra que você escreveu permanece no resultado.
Por que manter comentários de licença?
Muitas bibliotecas pedem que um aviso curto permaneça no arquivo. Por convenção, esses comentários começam com um ponto de exclamação. Marque a opção para mantê-los e eles permanecerão no resultado enquanto todos os outros comentários são removidos.