I file SVG diventano spesso pesanti per via dei metadati dell'editor, dei decimali eccessivi e dei tracciati complessi. Questa checklist aiuta a ridurre le dimensioni senza rompere il risultato visivo.
1) Rimuovi il peso strutturale
- Elimina metadati, commenti e namespace specifici dell'editor.
- Appiattisci i gruppi ridondanti e rimuovi defs, maschere e clip inutilizzati.
- Cancella i layer nascosti che non vengono mai renderizzati in produzione.
2) Regola la geometria per risparmiare spazio
- Riduci la precisione dei tracciati a una soglia decimale sicura per la tua scala UI.
- Unisci i tracciati compatibili e semplifica le curve complesse dove possibile.
- Usa simboli/sprite per le icone ripetute ed evita payload duplicati.
3) Valida nel contesto reale
- Testa le icone sui colori di sfondo target e sulle gamme di DPR.
- Confronta prima/dopo sugli schermi chiave per individuare regressioni visive sottili.
- Registra i byte risparmiati e imponi limiti in CI.