Minificar CSS

Compactação básica de CSS: comentários e espaços. Valide visualmente após minificar.

{{ t("sizeBefore") }}: {{ minifyCss.beforeSize }}
{{ t("sizeAfter") }}: {{ minifyCss.afterSize }}
{{ t("sizeReduction") }}: {{ minifyCss.reduction }}

Descrição

Minificadores avançados podem reordenar e otimizar de forma mais agressiva. Compare com a ferramenta do seu build.

Guia da ferramenta

  • O que é CSS Folhas de estilo que descrevem apresentação de HTML.
  • O que o minificador faz Compacta removendo comentários e espaços desnecessários.
  • Por que usar Estimativa de tamanho e experimentos. Valide visualmente; minificadores agressivos do pipeline de build podem fazer mais.

Trecho

.btn { color: #fff; padding: 8px; }

Perguntas frequentes

Para que serve esta ferramenta?

Ela roda 100% no seu navegador: útil para validar, formatar ou converter dados no dia a dia de desenvolvimento.

Meus dados são enviados a algum servidor?

O processamento é feito localmente via JavaScript. Não armazenamos o conteúdo que você cola nas caixas de texto.

Posso usar em produção ou para dados reais?

Use por sua conta e risco. Para segredos (senhas, tokens), prefira ambientes controlados e políticas da sua empresa. E lembre sempre de revisar os conteúdos gerados. Nunca confie cegamente nas coisas que vê na internet.