Optimiseur et compresseur de SVG
Les SVG exportés par les éditeurs de design embarquent souvent des métadonnées, des commentaires et des coordonnées à trop de décimales. Collez le code ou importez vos fichiers et SVGO les nettoie aussitôt : vous voyez leur poids avant et après, avec un aperçu des deux. Tout se passe dans votre navigateur.
Traité à 100 % dans votre navigateur
Ctrl + Enter exécuterCtrl + C copier le résultat
Comment l’utiliser
- 1Collez le code SVG ou glissez un ou plusieurs fichiers .svg.
- 2Réglez les options : décimales, plusieurs passes, viewBox, id et dimensions.
- 3Comparez la taille et l’aperçu de l’original et de la version optimisée.
- 4Copiez le code ou téléchargez le SVG (ou tous dans un ZIP).
Cas d’usage
- Alléger les icônes et logos d’un site pour qu’il se charge plus vite.
- Nettoyer le SVG exporté de Figma, Illustrator ou Inkscape avant de l’intégrer.
- Préparer des illustrations pour une application ou une bibliothèque de composants.
- Retirer les dimensions fixes pour qu’un SVG s’adapte à son conteneur.
Questions fréquentes
De combien un SVG diminue-t-il ?
Cela dépend du fichier : les SVG exportés d’éditeurs diminuent en général de 30 % à 70 %. L’outil affiche le gain exact.
L’optimisation abîme-t-elle l’image ?
Avec les réglages par défaut, aucun changement visible. Si vous réduisez beaucoup les décimales, de très petites formes peuvent se déformer : comparez toujours avec l’aperçu.
Pourquoi conserver le viewBox ?
Le viewBox permet au SVG de s’adapter via CSS. Sans lui, il ne s’adapte plus à son conteneur ; il est donc conservé par défaut.
À quoi sert de conserver les id ?
Si votre CSS, votre JavaScript ou un `<use>` renvoient à des identifiants du SVG, l’optimisation les renommerait et casserait ces liens.
Mes fichiers sont-ils envoyés ?
Non. SVGO s’exécute dans votre navigateur et les fichiers ne quittent pas votre appareil.