Formatador e minificador de CSS online
Deixe o CSS legível de novo ou compacte-o para um site mais rápido.
Cole CSS, abra um arquivo .css ou solte um aqui
Próximo: Formatador de HTML · Formatador e minificador de JavaScript
Relatar um problema com esta ferramenta
Como usar Formatador e minificador de CSS
Cole seu CSS
Cole uma folha de estilo, ou abra ou solte um arquivo .css. Ele é formatado enquanto você digita.
Embeleze ou minifique
Embelezar coloca cada regra e propriedade em sua própria linha. Minificar remove comentários, espaços e tudo o que os navegadores não precisam.
Copie ou baixe
Copie o resultado ou baixe-o como arquivo .css. Ao minificar, você vê o tamanho antes e depois.
Por que usar o Utils365
Mais esperto que só tirar espaços
O minificador também encurta cores como #ff0000 para red, tira unidades de zeros e remove regras vazias.
Suas regras ficam na ordem
As regras nunca são mescladas nem movidas, então a cascata funciona exatamente como antes e nada passa a sobrescrever outra coisa.
Comentários de licença mantidos
Comentários que começam com /*! ficam no arquivo minificado, como muitas licenças open source exigem.
Privacidade garantida
Seu CSS é formatado no seu navegador e nunca é enviado.
Perguntas frequentes
Quanto menor fica o CSS minificado?
Normalmente 15–30%, mais se a folha de estilo tiver muitos comentários. O resumo mostra o tamanho exato antes e depois e a porcentagem economizada.
Minificar pode quebrar meus estilos?
Ele foi feito para não quebrar. Os valores só são reescritos de formas que significam a mesma coisa, e as regras mantêm a ordem, então qual regra vence não muda.
Como desminificar CSS?
Cole o CSS minificado e escolha Embelezar. Cada regra e propriedade vai para sua própria linha com a indentação que você escolher. Comentários removidos não podem ser recuperados.
Funciona com SCSS ou Less?
Embelezar lida com a maior parte de SCSS e Less, incluindo aninhamento. Minificar espera CSS puro, então compile seu SCSS ou Less antes.