Images
Optimiser un SVG
Des SVG plus légers au rendu strictement identique, en un clic.
Gain
Les SVG exportés depuis Illustrator, Figma ou Inkscape traînent une quantité surprenante de superflu : métadonnées d'éditeur, commentaires, calques cachés, identifiants générés, coordonnées à huit décimales. Cet outil les nettoie avec SVGO, la référence du domaine, directement dans votre navigateur. Collez votre code SVG ou déposez le fichier : la version optimisée apparaît aussitôt, avec le poids avant/après et le pourcentage gagné — souvent 30 à 70 % sur un export brut. Le rendu visuel reste strictement identique. Copiez le résultat ou téléchargez-le, prêt à être intégré dans votre site, votre application ou votre système d'icônes. Aucun fichier n'est envoyé sur un serveur.
Comment faire ?
- Collez votre code SVG ou déposez le fichier.
- Cliquez sur « Optimiser » : le code nettoyé s'affiche instantanément.
- Comparez le poids avant/après et le pourcentage de gain.
- Copiez le SVG optimisé ou téléchargez-le.
Questions fréquentes
Qu'est-ce qui est supprimé exactement ?
Les métadonnées d'éditeur, commentaires, définitions inutilisées, attributs par défaut et espaces superflus ; les valeurs numériques sont arrondies intelligemment et les chemins fusionnés quand c'est possible. Tout ce qui n'affecte pas le rendu.
Le rendu peut-il changer après optimisation ?
Avec les réglages par défaut utilisés ici, non : les transformations appliquées préservent le rendu. Vérifiez tout de même les SVG animés ou stylés par CSS externe qui ciblent des identifiants précis, car les id inutilisés sont nettoyés.
Pourquoi optimiser les SVG d'un site web ?
Un logo ou un jeu d'icônes est chargé sur toutes les pages : chaque kilo-octet compte, surtout si le SVG est inliné dans le HTML. Des SVG propres réduisent aussi le poids du DOM et accélèrent le rendu initial.