Minificador de CSS

Uma predefinição de Formatador de CSS

Comprima uma folha de estilo para a saída válida mais compacta removendo comentários e espaços em branco desnecessários. Seguro por design — nenhuma regra é fundida nem valor reescrito, então o comportamento não pode mudar.

Os arquivos nunca saem do seu dispositivo
Grátis, sem cadastro
Sem marcas d'água
Funciona offline depois de carregado

Como formatador de css

1
Cole seu CSS
CSS puro, SCSS ou Less, todos são analisados corretamente.
2
Formate ou minifique
Embeleze para legibilidade, ou comprima para produção.
3
Copie ou baixe
O resultado está pronto para ser colado diretamente no seu projeto.

Por que a minificação "segura" é a troca certa para CSS escrito à mão

Um pipeline de build que executa um otimizador de CSS dedicado pode aplicar transformações mais agressivas com segurança do que esta ferramenta, porque executa o mesmo otimizador consistentemente a cada build e qualquer diferença de comportamento é detectada nos próprios testes do projeto antes de ser publicada. Colar uma folha de estilo em uma ferramenta online de uso único é uma situação diferente: não há etapa de build para verificar novamente a saída, então uma transformação que funde regras ou reordena declarações de uma forma que acaba quebrando uma página específica seria publicada silenciosamente. Restringir esta ferramenta à remoção de espaços em branco e comentários — mudanças que podem ser comprovadamente demonstradas como não alterando qual declaração vence na cascata — significa que se pode confiar na saída sem testar novamente a página de onde ela veio.

Minificando uma folha de estilo que você está prestes a colar em algum lugar com restrição de tamanho

Um caso comum para recorrer a isso especificamente, em vez de uma ferramenta de build, é uma necessidade pontual de encaixar uma pequena folha de estilo em um campo com restrição de tamanho — um bloco `<style>` inline mantido deliberadamente pequeno, um trecho de CSS incorporado em um template de e-mail, ou um valor de estilo colado em uma plataforma com limite de caracteres. Para um único arquivo necessário uma vez, executar um pipeline de build completo é excessivo; colá-lo aqui e copiar o resultado minificado de volta é o caminho mais rápido para o mesmo resultado.

Perguntas frequentes

Quanto a minificação realmente economiza?

Tipicamente entre 20% e 30% antes do gzip em CSS escrito à mão, e bem menos em saída que já passou por uma ferramenta de build. Na rede, a camada gzip ou brotli faz a maior parte do trabalho de qualquer forma — minificar ajuda principalmente removendo comentários e espaços em branco redundantes antes disso.

Minificar muda como meus estilos se comportam?

Não. Apenas espaços em branco e comentários são removidos; seletores, propriedades e valores não são tocados. Esta ferramenta não funde regras, não reordena declarações nem abrevia cores, porque essas transformações podem mudar o comportamento de formas difíceis de detectar.

Suporta SCSS e Less?

Sim, ambos são analisados com suas próprias gramáticas, então aninhamento, variáveis e mixins sobrevivem à formatação. Note que ela os formata — não os compila para CSS.

Por que meu CSS é rejeitado?

Normalmente uma chave não fechada ou um caractere solto. A mensagem de erro inclui o número da linha para você encontrá-lo. Sintaxe de template misturada na folha de estilo também vai falhar, já que não é CSS válido.

Formatador de HTML

Embeleze e indente HTML corretamente

Formatador de JavaScript

Formate JS e TypeScript com um analisador real

Formatador de JSON

Formate, valide e minifique JSON instantaneamente