Optimiseur SVG
Optimisez vos fichiers SVG grâce à l'IARéduisez le poids jusqu'à 90 % sans perdre en qualité
Glissez-déposez votre fichier SVG
ou parcourez vos fichiers
Fichier SVG de 10 Mo maximum
Gratuit
Usage illimité
Sans carte bancaire
Démarrez immédiatement
Sans inscription
Utilisez-le tout de suite
Pourquoi nous choisir ?
Obtenez les meilleurs résultats grâce à notre technologie d'IA
Optimisation rapide
Optimisez vos fichiers SVG en quelques secondes grâce à nos algorithmes d'IA. Des performances dignes d'une entreprise.
Fichiers plus légers
Supprimez les métadonnées et le code inutiles pour réduire le poids jusqu'à 90 %. Des résultats professionnels garantis.
Qualité préservée
Obtenez des fichiers SVG optimisés sans compromis sur la qualité visuelle. Un contrôle qualité de niveau entreprise.
Technologie d'IA
Nous optimisons vos fichiers SVG de façon intelligente grâce aux dernières technologies d'intelligence artificielle. Notre système apprend de milliers d'optimisations et garantit toujours les meilleurs résultats.
99,9 % de réussite
Plus de 10 000 optimisations
Usage illimité
Comment fonctionne l'optimisation SVG
Votre fichier est traité avec SVGO, l'optimiseur SVG open source très répandu, avec son préréglage par défaut en mode multipasse : les passes se répètent tant que le fichier continue de s'alléger. Voici ce qui change.
Le superflu des éditeurs et du document est retiré
La déclaration XML, le DOCTYPE, les commentaires et les blocs <metadata> sont supprimés, ainsi que les espaces de noms et attributs en trop que des éditeurs comme Inkscape, Illustrator et Sketch ajoutent au fichier. Les descriptions génériques « Created with… » disparaissent aussi. Rien de tout cela n'affecte le rendu de l'image.
Les nombres sont arrondis et les tracés réécrits
Les coordonnées et autres valeurs numériques sont arrondies à trois décimales. Les commandes de tracé sont réécrites sous leur forme équivalente la plus courte, les segments redondants sont supprimés et les tracés voisins au style identique peuvent être fusionnés en un seul.
Formes, groupes et transformations sont simplifiés
Les rectangles, lignes et polygones sont convertis en tracés quand c'est plus court. Les groupes et conteneurs vides sont supprimés, les groupes englobants inutiles sont aplatis, et les transformations sont combinées ou appliquées lorsque c'est possible.
Les styles et les couleurs sont nettoyés
Les couleurs sont écrites sous leur forme la plus courte (par exemple #ff0000 devient red), le CSS dans <style> est minifié, les attributs qui répètent simplement les valeurs par défaut du SVG sont retirés, et les éléments masqués ou vides sont supprimés.
Les ID et définitions inutilisés sont supprimés
Les ID auxquels rien ne se réfère dans le fichier sont supprimés, tout comme les dégradés, motifs et autres éléments <defs> inutilisés. Les ID encore référencés gardent leur nom d'origine : ils ne sont pas raccourcis.
Le viewBox est conservé, les dimensions fixes non
Le viewBox est toujours préservé pour que le graphique s'adapte correctement. Les attributs width et height sont retirés : le SVG remplit l'espace dans lequel vous le placez. Le résultat tient sur une seule ligne, avec les attributs dans un ordre cohérent, ce qui aide aussi gzip.
Ce qui s'optimise sans risque, et quand être prudent
Les icônes, logos et illustrations statiques exportés depuis des outils de design, y compris les SVG créés avec nos convertisseurs, s'optimisent sans risque et en tirent généralement le plus grand profit. Vérifiez le résultat de plus près dans les cas suivants.
ID utilisés par du CSS, du JavaScript ou des sprites externes
L'optimiseur ne voit que le fichier lui-même. Si une feuille de style externe, un script ou un <use href="icons.svg#name"> sur une autre page cible un ID, celui-ci paraît inutilisé et sera supprimé. Les fichiers qui contiennent leur propre élément <style> ou <script> conservent leurs ID.
SVG animés
Les animations SMIL ou CSS qui transforment les données d'un tracé, ou qui dépendent d'une structure de groupes précise, peuvent casser quand les tracés sont réécrits et les groupes aplatis. Les animations simples s'en sortent généralement, mais prévisualisez toujours le résultat avant de remplacer l'original.
Texte d'accessibilité
L'élément <title> est supprimé. Si un lecteur d'écran a besoin d'un libellé, ajoutez un texte alt sur la balise <img> ou un aria-label là où vous intégrez le SVG.
Calques affichés et masqués par code
Les éléments masqués avec display="none" ou une opacité nulle sont considérés comme invisibles et supprimés. Si votre script les affiche plus tard, optimisez une copie dont ces calques ne sont pas masqués.
Fichiers que vous voulez encore modifier
Les calques, repères et autres données d'éditeur d'Inkscape disparaissent après l'optimisation. Gardez votre fichier source pour l'édition et publiez la copie optimisée.
FAQ de l'optimiseur SVG
L'optimisation change-t-elle l'apparence de mon SVG ?
Pour la quasi-totalité des fichiers, non. Les modifications retirent des données qui ne sont pas affichées et réécrivent le reste sous une forme plus courte. Le seul effet visible peut venir de l'arrondi à trois décimales, qui peut se voir sur des graphiques au viewBox très petit affichés en grand.
De combien mon fichier SVG sera-t-il allégé ?
Cela dépend de l'origine du fichier. Les exports d'outils de design contenant des métadonnées, des commentaires et de longs nombres décimaux rétrécissent souvent beaucoup, alors que les fichiers déjà minifiés gagnent très peu. La page de résultat affiche la taille exacte avant et après.
Quelle est la taille maximale de fichier ?
Vous pouvez importer des fichiers SVG jusqu'à 10 Mo. Vous pouvez aussi coller directement le code SVG dans l'onglet Coller du code, au lieu d'importer un fichier.
Pourquoi les attributs width et height ont-ils été retirés ?
L'optimiseur conserve le viewBox et supprime les width et height fixes pour que le SVG s'adapte à son conteneur. Si vous avez besoin d'une taille fixe, définissez width et height sur la balise <img> ou en CSS.
Peut-on optimiser sans risque des SVG utilisés dans un sprite ou par du JavaScript ?
Soyez prudent. Les ID référencés uniquement depuis l'extérieur du fichier sont supprimés, car l'optimiseur ne voit pas ces références. Testez le fichier optimisé en situation, ou gardez l'original pour ces cas.
L'optimiseur supprime-t-il les informations d'accessibilité ?
Il supprime l'élément <title> et les descriptions génériques ajoutées par les éditeurs. Indiquez le nom accessible là où le SVG est intégré, par exemple avec un texte alt ou un aria-label.