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.

Detalhamento técnico

Pontos 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.

Trecho para testar

  • Há também o bloco "Exemplo de Código" com o trecho completo; use esse texto rápido para colar nos campos e validar: Trecho — .btn { color: #fff; padding: 8px; }

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.

Exemplo de Código

Exemplo de código
.btn { color: #fff; padding: 8px; }

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.