Les fichiers SVG deviennent souvent lourds en raison des métadonnées de l'éditeur, des décimales excessives et des chemins complexes. Cette liste de contrôle vous aide à réduire la taille sans casser les visuels.
1) Supprimer les ballonnements structurels
- Supprimez les métadonnées, les commentaires et les espaces de noms spécifiques à l'éditeur.
- Aplatissez les groupes redondants et supprimez les définitions, masques et clips inutilisés.
- Supprimez les calques masqués qui ne sont jamais rendus en production.
2) Ajuster la géométrie en fonction de la taille
- Réduisez la précision du chemin à un seuil décimal sûr pour l'échelle de votre interface utilisateur.
- Fusionnez les chemins compatibles et simplifiez les courbes complexes lorsque cela est possible.
- Utilisez des symboles/sprites pour les icônes répétées afin d'éviter la charge utile en double.
3) Valider dans un contexte réel
- Testez les icônes sur les couleurs d'arrière-plan cibles et les plages DPR.
- Comparez avant/après sur les écrans clés pour détecter de subtiles régressions visuelles.
- Suivez les économies d'octets qui en résultent et appliquez les limites dans CI.