Minificador de CSS

Minifica CSS no navegador.

Como usar

Quatro passos: colar, executar, rever, copiar. Tudo fica no navegador.

Cole o conteúdo

Cole o conteúdo

Introduza CSS, HTML, JSON ou outro texto. Nada é enviado.

Execute a ferramenta

Execute a ferramenta

Clique em Converter ou Executar. O resultado aparece na hora.

Reveja a saída

Reveja a saída

Leia o código gerado e as notas antes de usar.

Copie e use

Copie e use

Copie o resultado e cole no seu projeto.

Sobre esta ferramenta

O minificador remove comentários e espaços desnecessários para diminuir o tamanho do ficheiro CSS. É prático para verificações rápidas, já que o build de produção costuma minificar no empacotador.

Exemplo

O exemplo traz um comentário que a minificação apaga.

Entrada

.hero {
  /* homepage band */
  padding: 4rem 1.5rem;
  background: #0f172a;
  color: #e2e8f0;
}

Saída

.hero{padding:4rem 1.5rem;background:#0f172a;color:#e2e8f0}

Dica

Nunca guarde apenas a versão minificada: o ficheiro formatado tem de permanecer no repositório.