Arquivos SVG costumam ficar pesados por causa de metadados do editor, casas decimais em excesso e paths complexos. Este checklist ajuda a reduzir o tamanho sem comprometer o visual.
1) Remova excesso estrutural
- Remova metadados, comentários e namespaces específicos de editores.
- Achate grupos redundantes e elimine defs, masks e clips que não são usados.
- Apague camadas ocultas que nunca renderizam em produção.
2) Ajuste a geometria para reduzir tamanho
- Reduza a precisão dos paths para um nível seguro para a escala da sua interface.
- Una paths compatíveis e simplifique curvas complexas quando fizer sentido.
- Use symbols ou sprites para ícones repetidos e evite código duplicado.
3) Valide no contexto real
- Teste os ícones nas cores de fundo e faixas de DPR do produto.
- Compare antes e depois nas telas principais para detectar regressões visuais sutis.
- Acompanhe a economia de bytes e imponha limites no CI.