Utilore

Minificar CSS

Cole a folha de estilo e receba de volta comprimida. O contador abaixo do campo mostra o tamanho antes e depois, então dá para julgar se valeu a pena.

O código não sai desta página: a formatação acontece no seu navegador.

Como usar

  1. Cole o CSS no primeiro campo — ele é minificado enquanto você digita.
  2. Compare os tamanhos exibidos abaixo da entrada.
  3. Copie o resultado, ou toque em «Formatar» para lê-lo de novo.

Bom saber

O que é removido

Comentários, quebras de linha, recuo, os espaços em torno de dois-pontos e combinadores, e o ponto e vírgula final antes de cada chave de fechamento, que o padrão nunca exigiu. Os seletores mantêm o espaço que separa um descendente de seu ancestral, porque removê-lo muda o que a regra atinge.

Por que os textos não são tocados

Um ponto e vírgula dentro de content: "a;b" e uma chave dentro de uma data URI com SVG parecem estrutura para uma expressão regular. Minificadores baseados em padrões quebram esses arquivos em silêncio, e o estrago aparece como um ícone faltando em produção. Este lê a folha caractere a caractere e leva os textos entre aspas inteiros.

Perguntas frequentes

A folha continua funcionando igual?

Sim. Nada é renomeado, reordenado ou descartado — saem apenas espaços e comentários, e nenhum deles influi em como a regra é aplicada.

Quanto meu arquivo vai encolher?

Uma folha escrita à mão costuma perder de vinte a trinta por cento. Depois do gzip a diferença é bem menor, pois a compressão já cuida de espaços repetidos.

Meu código vai para um servidor?

Não. Todo o processo roda na página, o que importa para folhas ainda não públicas.

Consigo ler de novo depois?

Toque em «Formatar» e a folha se abre com uma declaração por linha. Os comentários originais se perderam, mas as regras estão todas lá.

Ferramentas relacionadas