Réduire la taille d’un SVG sans perte de qualité visuelle
Allégez un SVG en retirant métadonnées, commentaires, attributs redondants et précision excessive tout en conservant son rendu.
Réponse rapide
Pour réduire un SVG sans perte visible, retirez métadonnées d’éditeur, commentaires, éléments cachés, attributs redondants et décimales inutiles. Conservez la viewBox, l’accessibilité et la géométrie visible. Utilisez l’optimiseur SVG, puis comparez le résultat à l’original.
Ce qui peut être supprimé
| Contenu | Action | Risque |
|---|---|---|
| Métadonnées et commentaires | Supprimer | Faible |
| Attributs répétés | Regrouper | Faible |
| Précision décimale excessive | Arrondir prudemment | Moyen |
| Définitions inutilisées | Retirer après contrôle | Moyen |
| viewBox et titres | Conserver | Élevé si retirés |
Le projet officiel SVGO explique que les éditeurs exportent souvent des données redondantes. Ses réglages actuels conservent viewBox et title afin de protéger mise à l’échelle et accessibilité.
Méthode sûre
- Gardez l’original comme fichier source.
- Traitez une copie dans l’optimiseur SVG.
- Comparez les deux fichiers en petit et en zoom.
- Vérifiez dégradés, masques, clips, symboles, IDs, texte et couleurs CSS.
- Ouvrez le résultat dans sa destination réelle.
- Passez le contrôle SVG avant publication.
Le fichier le plus petit n’est pas toujours le meilleur. Un SVG légèrement plus lourd, accessible et compatible vaut mieux qu’un fichier cassé.
Quand l’optimisation est-elle la plus utile ?
Pour des icônes, logos et illustrations chargés sur de nombreuses pages, chaque économie se multiplie. Les design systems profitent aussi d’identifiants cohérents et d’un balisage réduit. Pour un fichier maître isolé, une édition fiable compte davantage que les derniers kilo-octets.
Questions fréquentes
La compression rend-elle le SVG flou ?
Retirer du balisage ne réduit pas la résolution vectorielle. Un arrondi trop fort peut toutefois modifier les petits détails.
Faut-il supprimer la viewBox ?
Généralement non. Elle permet une mise à l’échelle correcte dans les interfaces adaptatives.
Peut-on optimiser plusieurs fois ?
Oui, mais répéter des réglages agressifs apporte peu et peut déformer la géométrie. Gardez le maître.