Qu’est-ce que l’optimisation SVG ?
Les fichiers SVG (Scalable Vector Graphics) contiennent souvent des métadonnées, des commentaires, des données d'éditeur, des valeurs par défaut et des attributs redondants inutiles qui augmentent la taille du fichier sans affecter son apparence. SVGO (SVG Optimizer) est l'outil standard de l'industrie pour nettoyer et optimiser les fichiers SVG. Il applique plusieurs passes d'optimisation pour supprimer les données inutiles tout en préservant la sortie visuelle.
Comment utiliser cet optimiseur SVG
- 1Collez votre code SVG dans la zone de saisie ou cliquez sur Load Sample pour essayer un exemple.
- 2Cliquez sur Optimiser SVG pour exécuter l'optimisation SVGO.
- 3Comparez côte à côte les tailles de fichiers originales et optimisées ainsi que les aperçus visuels.
- 4Copiez le code SVG optimisé ou téléchargez-le sous forme de fichier.
Cas d'utilisation courants
Optimiser les icônes pour le Web
Réduisez la taille des fichiers d’icônes SVG pour des chargements de pages plus rapides et des tailles de bundle plus petites.
Nettoyer les exportations SVG
Supprimez les métadonnées de l'éditeur et les attributs inutiles des SVG exportés depuis Figma, Sketch ou Illustrator.
Optimisation SVG en ligne
Réduisez le code SVG avant de l'intégrer dans les composants HTML ou Vue/React.
Questions fréquentes
L'optimisation va-t-elle changer l'apparence de mon SVG ?
Non. SVGO supprime uniquement les données qui n'affectent pas l'apparence visuelle du SVG. La sortie optimisée doit être identique à l’original.
Dans quelle mesure la taille du fichier peut-elle être réduite ?
Généralement 20 à 60 % en fonction de la complexité du SVG et de la quantité de métadonnées de l'éditeur qu'il contient. Les SVG exportés à partir d’outils de conception présentent souvent les réductions les plus importantes.