Gli SVG diventano spesso pesanti a causa dei metadati dell'editor, di troppi decimali e di path complessi. Questa checklist ti aiuta a ridurre le dimensioni senza rompere il risultato visivo.
1) Elimina il superfluo strutturale
- Rimuovi metadati, commenti e namespace specifici dell'editor.
- Appiattisci i gruppi ridondanti ed elimina defs, masks e clips non utilizzati.
- Cancella i livelli nascosti che non vengono mai renderizzati in produzione.
2) Ottimizza la geometria per ridurre il peso
- Riduci la precisione dei path fino a una soglia decimale sicura per la scala della tua interfaccia.
- Unisci i path compatibili e semplifica le curve più complesse quando ha senso farlo.
- Usa symbols o sprites per le icone ripetute, cosi eviti payload duplicati.
3) Valida nel contesto reale
- Testa le icone sui colori di sfondo reali e sulle densita DPR target del prodotto.
- Confronta prima e dopo sulle schermate principali per intercettare regressioni visive sottili.
- Tieni traccia dei byte risparmiati e applica limiti in CI.