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
Cole o CSS
Escreva ou cole o código CSS formatado.
- 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.
Ferramentas relacionadas
- Minificador de HTMLReduz o tamanho de um ficheiro HTML.
- Gerador de Border RadiusCria border-radius CSS com preview.
- Gerador de Box ShadowCria sombras CSS com preview ao vivo.
- Seletor de corEscolha uma cor e obtenha HEX, RGB e HSL.
- Verificador de Contraste WCAGVerifica o contraste WCAG entre duas cores.
- Formatador de CSSFormata CSS de forma legível.