Como usar
- Cole seu CSS no editor de entrada.
- Marque Remover comentários para remover os comentários comuns.
- Marque Encurtar valores se quiser reduzir também cores hexadecimais e números.
- Para entradas acima de 200 KB, pressione Ctrl+Enter ou Cmd+Enter no Mac para minificar.
Exemplos
Preservar a licença da folha de estilos
/*! MIT */
/* Estilos da loja */
.produto {
color: #333333;
padding: 16px;
}
/*! MIT */
.produto{color:#333333;padding:16px}Encurtar valores de um cartão de produto
.cartao-produto {
color: #FFFFFF;
margin: 0px 0.50em 10.0px;
opacity: 0.80;
flex: 1 1 0px;
}
.cartao-produto{color:#fff;margin:0 .5em 10px;opacity:.8;flex:1 1 0px}Manter o ponto e vírgula final
@media screen and ( min-width : 768px ) {
.vitrine > .produto {
display: block;
padding: 12px;
}
}
@media screen and (min-width:768px){.vitrine>.produto{display:block;padding:12px;}}Dicas
- Precisa do CSS legível de novo? Formate.
- Minifique o HTML também.
Perguntas frequentes
Meu CSS é enviado para um servidor?
A minificação acontece no seu navegador, sem enviar o CSS pela rede. O código não é salvo; apenas as opções ficam no armazenamento local. A página usa Google Analytics para registrar eventos de uso, sem incluir o CSS.
Minificar CSS remove os espaços necessários do calc()?
Os espaços dos operadores em calc(), min(), max() e clamp() são preservados. O conteúdo de strings e de url() também permanece intacto.
O minificador junta seletores ou remove declarações repetidas?
Seletores duplicados não são mesclados. Regras e declarações mantêm a ordem original, inclusive declarações repetidas usadas como alternativas de compatibilidade.
Como é calculada a redução de tamanho do CSS?
A ferramenta compara o tamanho original com o resultado em bytes de UTF-8. O percentual economizado é a diferença dividida pelo tamanho original, exibida com uma casa decimal.
Qual é o limite para enviar um arquivo CSS?
São aceitos arquivos .css e .txt de até 10 MB. Divida arquivos maiores e minifique as partes.