Voltar ao início

Minificador CSS

Cole CSS para remover comentarios e espacos desnecessarios, encurtar cores HEX e limpar unidades zero.

Codigo Aguardando resultado
Reportar problema

CodigoSo navegador

Resumo

CSS menor pode ajudar inicio de render e cache. Em producao, verifique layouts principais no navegador.

Checar estrutura CSS

Estrutura CSS parece valida

Tamanho original

310 B

Tamanho minificado

227 B

Bytes economizados

83 B

Economia

26,8%

Estimativa gzip

73 B

Regras

2

Declaracoes

10

Comentarios removidos

1

CSS original

Cole CSS para reduzir. Media queries e variaveis CSS sao aceitas.

Resultado minificado

Revise o CSS, copie ou baixe .min.css.

. product-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding:20px;border:1px solid #eee;border-radius:12px;background:#fff;color:#1f2937}.product-card:hover{border-color:#fc0;transform:translateY(-2px)}

Checklist antes do deploy

  • Preserve licencas quando necessario.
  • Compile SCSS, Less ou CSS-in-JS antes de minificar.
  • Verifique hover, media queries e calc() depois.

Nota do minificador simples

Esta ferramenta e para reducao rapida. Para CSS complexo, use tambem seu pipeline de build.

Como revisar CSS minificado

A ferramenta roda no navegador e nao envia codigo. Strings e expressoes praticas sao preservadas.

Notas de uso

  • Comentarios comuns sao removidos; /*! ... */ pode ser preservado.
  • Espacos perto de chaves, dois-pontos, ponto e virgula e virgulas sao reduzidos.
  • Economia = (tamanho original - tamanho minificado) / tamanho original x 100.

Perguntas frequentes

Meu CSS e enviado?expand_more

Nao. Tudo acontece no navegador.

Minifica SCSS?expand_more

A ferramenta e para CSS. Compile SCSS ou Less antes.

Preserva licencas?expand_more

Sim, com a opcao para comentarios /*!.

Continue explorando

Mais ferramentas para usar agora

Abra ferramentas da mesma categoria e outras opcoes populares dentro do Gogotem.

Ver todas as ferramentas arrow_forward