Mode d’emploi
- Choisissez ou déposez des fichiers SVG (plusieurs à la fois si vous le souhaitez), ou collez du code SVG ci-dessous. Cliquez sur Charger un exemple pour voir le résultat.
- Ajustez le nombre de décimales et les autres options. Les résultats se mettent à jour immédiatement et montrent le gain pour chaque fichier.
- Téléchargez chaque fichier optimisé ou cliquez sur Télécharger tout (ZIP). Le code collé peut être copié directement.
Explication des options
- Décimales
- Le nombre de décimales conservées pour les coordonnées et les nombres, 3 par défaut. Les icônes ont souvent le même aspect à 1–2 ; gardez 3 ou plus pour les illustrations détaillées et les cartes.
- Effectuer plusieurs passes
- Répète l’optimisation jusqu’à ce que le fichier ne rétrécisse plus. Fait souvent gagner quelques pourcents supplémentaires et prend un peu plus de temps.
- Supprimer width/height
- Ne garde que le viewBox, pour que le SVG s’adapte à son conteneur — utile quand vous le dimensionnez en CSS.
- Conserver les ID
- Par défaut, les ID inutilisés sont supprimés et les autres raccourcis. Cochez cette option si du CSS, du JavaScript ou d’autres fichiers externes font référence à des éléments par leur ID.
Exemple
L’original (exporté depuis Inkscape, 789 octets) contient une déclaration XML, un commentaire, des métadonnées, des attributs propres à l’éditeur et des décimales longues. Optimisé (248 octets) :
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120"><circle cx="60" cy="60" r="50" style="fill:#0f766e;fill-opacity:1;stroke:none"/><path d="m40 62 14 14 28-30-6-6-22 24-8-8Z" style="fill:#fff;stroke:none"/></svg>Questions fréquentes
L’image va-t-elle perdre en qualité ?
Le SVG est un format vectoriel. L’optimisation supprime seulement ce qui n’affecte pas le rendu et arrondit les nombres au nombre de décimales choisi. Avec les réglages par défaut, il n’y a pas de différence visible ; si une forme se déforme, augmentez le nombre de décimales.
De combien le fichier va-t-il rétrécir ?
Cela dépend du logiciel qui l’a exporté. Les SVG issus d’outils de conception rétrécissent souvent de 30 à 70 % — l’exemple passe de 789 à 248 octets. Les fichiers déjà optimisés changent peu.
Pourquoi une animation ou un script a-t-il cessé de fonctionner ?
Si les styles ou scripts du SVG sélectionnent des éléments par leur ID, cochez Conserver les ID.
Mes fichiers sont-ils envoyés ?
Non. SVGO s’exécute dans votre navigateur ; les fichiers sont lus et traités localement.
Confidentialité
Cet outil fonctionne entièrement dans votre navigateur. Vos fichiers et vos textes sont traités sur votre appareil et ne sont jamais envoyés à nos serveurs.