Optimiser un SVG
Choisissez les fichiers SVG ou collez le code. L’outil nettoie ce que le navigateur n’utilise pas, indique la réduction obtenue et affiche l’aperçu avant et après.
Mode d’emploiAllégez votre SVG
Disponible en: 
Optimiser un SVG: à quoi ça sert
Choisissez un ou plusieurs SVG ou collez le code. L’outil supprime les commentaires, la déclaration XML, les métadonnées, les données d’Inkscape, Sodipodi et Illustrator, les groupes vides et les espaces, efface les ids inutilisés et arrondit les coordonnées à 0 à 3 décimales. Title et desc peuvent être conservés pour l’accessibilité.
Consultez la taille avant et après, l’aperçu côte à côte et téléchargez les fichiers un par un ou tous en .zip.
Mode d’emploi
- Choisissez les fichiers SVG ou collez le code.
- Choisissez les décimales et ce qu’il faut supprimer.
- Vérifiez l’aperçu et téléchargez les SVG optimisés.
Quand l’utiliser
- Icônes et logos exportés depuis Figma et Illustrator.
- Alléger votre site.
- Nettoyer les SVG avant de les intégrer directement dans le HTML.
Questions fréquentes
Qu’est-ce qui est supprimé ?
Les commentaires, la déclaration XML, le DOCTYPE, les métadonnées, les données d’Inkscape, Sodipodi et Illustrator, les attributs d’éditeur, les ids inutilisés (facultatif), les groupes vides et les espaces superflus. Les coordonnées sont arrondies au nombre de décimales que vous choisissez.
Combien de décimales utiliser ?
Pour les icônes et les logos, 1 ou 2 décimales sont généralement invisibles à l’écran. Pour les dessins très détaillés ou petits avec un petit viewBox, utilisez 3. Vérifiez dans l’aperçu : si quelque chose se déforme, augmentez les décimales.
Vraiment gratuit ?
Oui, 100 % gratuit. Sans inscription, sans abonnement et sans limite d’utilisation. Tous les outils de Tools123 sont gratuits.