Arquivos SVG costumam ficar pesados por causa de metadados do editor, decimais excessivos e caminhos complexos. Esta checklist ajuda a reduzir o tamanho sem quebrar o visual.
1) Remova o excesso estrutural
- Remova metadados, comentários e namespaces específicos do editor.
- Achate grupos redundantes e exclua defs, máscaras e recortes não utilizados.
- Apague camadas ocultas que nunca são renderizadas em produção.
2) Ajuste a geometria para economizar
- Reduza a precisão dos caminhos a um limite decimal seguro para sua escala de UI.
- Combine caminhos compatíveis e simplifique curvas complexas quando possível.
- Use símbolos/sprites para ícones repetidos e evite payload duplicado.
3) Valide no contexto real
- Teste os ícones nas cores de fundo-alvo e faixas de DPR.
- Compare antes/depois em telas-chave para detectar regressões visuais sutis.
- Registre a economia de bytes e aplique limites no CI.