Optimiser
Optimiseur SVG
Rendez vos icônes, logos et illustrations SVG plus légers et propres pour les sites et applications, et retirez tout ce qui pourrait exécuter du code, sans changer leur apparence.
Chaque SVG optimisé est dessiné à côté de l'original et comparé pixel par pixel. Si les réglages normaux changeaient son apparence, des réglages prudents sont utilisés.
Code avant
Code après
Fichiers
Les fichiers optimisés apparaissent ici, avec le gain obtenu.
Code optimisé
Comment ça marche
Ajouter, optimiser, télécharger
- Ajoutez des fichiers SVG ou collez du code. Jusqu'à 100 fichiers à la fois.
- Gardez les réglages ou ajustez-les. La précision automatique convient à la plupart des fichiers ; les titres restent pour les lecteurs d'écran, sauf si vous les supprimez.
- Vérifiez le résultat. Chaque fichier avant et après, sa nouvelle taille et sa taille une fois compressé par votre serveur.
- Téléchargez ou copiez. Fichiers un par un, un ZIP, ou le code à coller directement dans le HTML.
Ce qui est supprimé
Du poids qui ne dessine rien
- Données d'éditeur d'Inkscape, Illustrator, Sketch et Figma : calques, repères, niveaux de zoom et espaces de noms privés.
- Métadonnées et commentaires, sauf ceux commençant par
<!--!, conservés pour les mentions de licence. - ID et définitions inutilisés, comme des dégradés que rien n'utilise, et les groupes vides ou simples.
- Décimales longues, arrondies selon la taille du dessin, avec des données de tracé écrites de façon compacte.
Sécurité
Des SVG qui ne peuvent pas exécuter de code
Un SVG est un document et peut contenir des scripts, des gestionnaires d'événements et des liens qui exécutent du code quand il est ouvert directement dans un navigateur. L'optimiseur retire toujours les scripts, les attributs on…, les liens vers javascript: et adresses similaires, le HTML intégré et les animations qui réécrivent les liens. Les fichiers qui déclarent des entités XML, une astuce pour bloquer les ordinateurs, sont refusés. Les aperçus ici sont dessinés comme des images : rien dans un fichier ne peut s'exécuter.
Outils associés
Plus pour votre site
FAQ
Questions sur l'optimisation SVG.
De combien mon SVG sera-t-il allégé ?
Les fichiers exportés depuis les logiciels de dessin perdent souvent la moitié de leur poids ou plus, car ils contiennent données d'éditeur, métadonnées et longues décimales. Les SVG écrits à la main ou déjà optimisés changent moins. Chaque fichier affiche son ancienne et sa nouvelle taille, et sa taille après gzip.
Mon SVG aura-t-il toujours le même aspect ?
Oui. Chaque résultat est dessiné à côté de l'original et comparé. Si les réglages normaux changent l'aspect, l'outil passe automatiquement à des réglages prudents et vous prévient si un fichier diffère encore.
Est-il sûr de mettre un SVG sur mon site ?
Un SVG peut contenir des scripts qui s'exécutent quand il est ouvert seul. Cet outil retire scripts, gestionnaires d'événements et liens avec du code de chaque fichier, ce qui rend bien plus sûre la publication de SVG venant d'autres personnes.
Pourquoi garder titres et descriptions ?
Les lecteurs d'écran lisent le titre et la description d'un SVG aux personnes aveugles ou malvoyantes. Ils pèsent peu, donc ils sont conservés sauf si vous choisissez de les retirer.
Que signifie la précision automatique ?
Les coordonnées sont arrondies au nombre de décimales dont la taille du dessin a besoin : deux pour un dessin de 200 unités, trois pour une icône de 24, davantage pour les très petits dessins. Les formes restent en place et les chiffres invisibles disparaissent.
Mes fichiers sont-ils envoyés ?
Non. Les SVG sont lus, nettoyés et comparés dans votre navigateur. Vos fichiers et votre code ne quittent jamais votre appareil.