Optimiseur SVG
Réduisez vos fichiers SVG avec SVGO — métadonnées d’éditeur supprimées, coordonnées arrondies, tracés fusionnés — et prévisualisez le résultat avant de le télécharger.
Entrée
Résultat
Le résultat apparaîtra ici.Les SVG exportés depuis Illustrator, Figma, Sketch ou Inkscape transportent beaucoup de choses que le navigateur n’utilise jamais : métadonnées d’éditeur, groupes vides, valeurs d’attributs par défaut et coordonnées écrites avec six décimales. SVGO, l’optimiseur derrière la plupart des outils de build SVG, les supprime avec son jeu de plugins preset-default. Collez le balisage pour obtenir le fichier optimisé, un aperçu rendu qui confirme que rien de visible n’a changé, et la taille gagnée. SVGO 4 ne supprime plus viewBox ni <title> par défaut, car tous deux comptent pour la mise à l’échelle et l’accessibilité, et les options vous laissent décider ici.
Comment ça marche
- Le nombre de décimales fixe la précision de chaque nombre dans les tracés et les transformations ; 3 est invisible aux tailles d’icônes, tandis que 1 ou 0 peuvent déformer les petits détails.
- Le mode multipasse relance les plugins jusqu’à ce que le fichier cesse de rétrécir, ce qui rattrape les tracés qui ne deviennent fusionnables qu’après une passe précédente.
- Supprimer width et height laisse le viewBox en place, si bien que le SVG s’adapte à son conteneur — ce que vous voulez pour des icônes dimensionnées en CSS.
- L’aperçu est dessiné via une balise <img> à partir d’une URL data, de sorte qu’aucun script contenu dans le SVG ne peut jamais s’exécuter sur cette page.
Où vont vos données
Nulle part. Cet outil s’exécute entièrement dans votre navigateur : le texte collé est traité par la page, jamais transmis à un serveur ni consigné dans un journal.
Cet outil est gratuit et ne demande aucun compte. Ses résultats n’existent que dans la page ouverte et ne sont enregistrés nulle part.
Ce que ça coûte
Cet outil est gratuit, sans connexion ni points.
Questions fréquentes
- Pourquoi garder le viewBox ?
- Le viewBox définit le système de coordonnées qui permet à un SVG de changer d’échelle. Sans lui, un SVG auquel on donne une nouvelle taille en CSS est rogné au lieu d’être redimensionné. Les anciennes versions de SVGO le supprimaient dès que width et height correspondaient ; la version 4 a cessé de le faire, et le garder est le bon choix par défaut.
- L’optimisation peut-elle changer l’apparence de mon SVG ?
- preset-default est conçu pour être visuellement sans perte, et l’aperçu vous permet de le vérifier. Quand quelque chose bouge, la cause habituelle est un nombre de décimales trop bas sur une petite icône détaillée : montez-le à 3 ou plus. Les ID sont aussi raccourcis, ce qui n’a d’importance que si du CSS ou du JavaScript extérieur au fichier y fait référence.
- L’élément <title> est-il conservé ?
- Oui. SVGO 4 a retiré removeTitle du preset par défaut, car les lecteurs d’écran annoncent le titre d’un SVG en ligne. Si le graphique est purement décoratif, vous pouvez supprimer le titre vous-même et marquer l’élément aria-hidden là où vous l’utilisez.
- Et les SVG contenant des images ou des polices intégrées ?
- Les bitmaps et polices intégrés en base64 sont laissés tels quels ; SVGO optimise le balisage vectoriel qui les entoure. Un fichier qui est surtout un PNG intégré rétrécira à peine — compressez ou convertissez le bitmap séparément, ou exportez plutôt une vraie image matricielle.
L’open source derrière
Cet outil fonctionne grâce à svg/svgo, publié sous licence MIT. Si vous avez besoin du même comportement dans votre propre programme, c’est cette bibliothèque qu’il faut utiliser.
svg/svgoAussi appelé
- optimiseur svg
- optimiser svg en ligne
- svgo en ligne
- compresser svg
- minifier svg
- réduire taille fichier svg