Saltar para o conteúdo

Minificar CSS

Remova comentários e espaços desnecessários do CSS para reduzir o tamanho antes de o publicar.

É processado no seu dispositivo. Nada é enviado para nenhum servidor.

Remove comentários e espaços à volta de chavetas, dois pontos e ponto e vírgula, reduzindo o tamanho sem alterar os estilos aplicados.

Casos de uso

  • Reduzir uma folha de estilos antes de a publicar no site.
  • Incluir CSS compacto numa página ou num e-mail.
  • Retirar comentários de desenvolvimento antes de publicar.

Como funciona

  1. 1

    Cole o CSS

    Escreva ou cole o código CSS formatado.

  2. 2

    Minifique

    Clique em «Minificar» e copie ou descarregue o resultado compacto.

Detalhes técnicos

  • Retira comentários, espaços à volta de { } : ; , e o último ponto e vírgula de cada bloco. Exemplo: «.a { margin : 0 auto ; }» → «.a{margin:0 auto}».
  • O texto entre aspas mantém-se tal como está (por exemplo em content: "…" ou url("…")).
  • Não encurta cores, não junta regras nem elimina seletores sem uso: é uma redução de espaços, não uma otimização completa como a do cssnano.
  • Um espaço antes de dois pontos num seletor (a :hover, que em CSS significa «descendente em hover») é removido e muda o significado; é raro, mas verifique se o usar.

Perguntas frequentes

Pode estragar o meu CSS?

A minificação é conservadora (só retira espaços e comentários e mantém as cadeias de texto), mas convém rever o resultado antes de o publicar.

← Web e SEO