Minificador CSS Online
Minimize CSS, JavaScript, HTML ou JSON no navegador: retire comentários e espaços em branco, veja o tamanho salvo instantaneamente.
Resultado
Esta página abre o minificador de código com CSS pré-selecionado. Cole uma folha de estilo, pressione o botão e você obterá uma única linha compacta: comentários removidos, espaços em branco recolhidos entre colchetes, dois pontos, ponto e vírgula e vírgulas, e o último ponto e vírgula redundante antes de cada chave de fechamento ser eliminada.
CSS responde muito bem à minificação porque as folhas de estilo formatadas são principalmente recuos e comentários – a economia típica varia entre 15% e 40% do tamanho do arquivo. CSS menor significa que o navegador começa a renderizar mais cedo, já que as folhas de estilo são recursos que bloqueiam a renderização: cada kilobyte cortado do CSS encurta o tempo para pintar pela primeira vez em conexões lentas.
O minificador é cuidadoso onde é importante: strings nas propriedades de conteúdo e valores url() são copiados literalmente, e espaços em torno dos dois pontos no nível do seletor são mantidos para que combinadores como "a :hover" mantenham seu significado. O painel de tamanho mostra bytes antes e depois mais a porcentagem salva, e o resultado pode ser copiado ou baixado com um clique.