Minificador de CSS
Reduza o CSS removendo comentários e espaços em branco, com segurança.
Como usar Minificador de CSS
- Cole o seu CSS à esquerda.
- Ele é comprimido, sem alterar strings ou valores de url().
- Copie o CSS reduzido.
Sobre Minificador de CSS
O Minificador de CSS reduz o tamanho da folha de estilo removendo comentários e espaços em branco desnecessários, para que as suas páginas carreguem com menos dados para baixar. Cole o seu CSS à esquerda e a versão compacta aparece à direita, pronta para ser usada em produção.
Ele minifica com segurança, deixando intactas as partes do seu CSS em que os caracteres realmente importam. O conteúdo dos valores de string e das referências url() é preservado exatamente como está, para que caminhos de arquivo, URIs de dados, nomes de fontes e conteúdo entre aspas nunca sejam corrompidos pela remoção de espaços em branco. O resultado é uma folha de estilo menor que continua sendo renderizada de forma idêntica, sem os bugs sutis que uma compressão descuidada pode introduzir.
A minificação acontece inteiramente no seu navegador, então nada do que você cola é enviado. Quando precisar ler ou editar uma folha de estilo comprimida novamente, o Formatador de CSS restaura uma indentação limpa, e para comprimir o restante do seu front-end use o Minificador de HTML e o Minificador de JavaScript.
Perguntas frequentes
O que o minificador de CSS remove?
Ele remove comentários e agrupa os espaços em branco entre regras e declarações. Os seletores, propriedades e valores são mantidos, então a folha de estilo fica menor mas produz o mesmo resultado visual.
Ele altera valores de string ou o conteúdo de url()?
Não. As strings e o conteúdo das referências url() são mantidos exatamente como foram escritos, para que caminhos de arquivo, URIs de dados e valores entre aspas nunca sejam quebrados pela remoção de espaços em branco.
A minificação vai mudar a aparência do meu site?
Não deveria. Apenas espaços em branco insignificantes e comentários são removidos, e as partes do CSS em que o espaçamento importa são preservadas, então a página renderizada permanece a mesma.
Posso reverter a minificação?
Os comentários removidos não podem ser recuperados, mas o Formatador de CSS pode reindentar a folha de estilo comprimida em regras legíveis sempre que precisar inspecioná-la ou editá-la novamente.
Minha folha de estilo é enviada para algum lugar?
Não. Todo o processamento acontece no seu navegador e nada é enviado a um servidor, então é seguro minificar CSS privado ou ainda não publicado.