Les fichiers SVG deviennent souvent lourds à cause des métadonnées d'éditeur, des décimales excessives et des tracés complexes. Cette checklist aide à réduire la taille sans casser le visuel.
1) Supprimez le superflu structurel
- Retirez les métadonnées, commentaires et namespaces propres à l'éditeur.
- Aplatissez les groupes redondants et supprimez les defs, masques et clips inutilisés.
- Effacez les calques cachés qui ne s'affichent jamais en production.
2) Ajustez la géométrie pour gagner de la taille
- Réduisez la précision des tracés à un seuil de décimales sûr pour votre échelle d'UI.
- Fusionnez les tracés compatibles et simplifiez les courbes complexes quand c'est possible.
- Utilisez des symboles/sprites pour les icônes répétées afin d'éviter un payload dupliqué.
3) Validez dans un contexte réel
- Testez les icônes sur les couleurs de fond cibles et les plages de DPR.
- Comparez avant/après sur les écrans clés pour repérer les régressions visuelles subtiles.
- Suivez les octets économisés et imposez des limites en CI.