Optimiseur SVG

Qu'est-ce que Optimiseur SVG ?

L'Optimiseur SVG est un outil gratuit en navigateur pour les web designers, auteurs d'icônes et développeurs front-end qui doivent alléger du SVG écrit à la main ou exporté avant de le publier. Les éditeurs vectoriels ajoutent du poids invisible : commentaires XML, blocs de métadonnées, attributs Inkscape/Sodipodi/Illustrator, décimales superflues, transformations inutiles, groupes englobants, et ID et defs que rien ne référence. Activez chaque nettoyage dans les Paramètres, collez le balisage ou déposez un fichier .svg, regardez les rendus Original et Optimisé se mettre à jour côte à côte, et lisez les statistiques Avant, Après, Économisé, Gzip et Brotli. Copiez le résultat ou téléchargez-le en .min.svg. Utilisez-le pour alléger icônes en ligne, feuilles de sprites, logos et illustrations.

Comment utiliser Optimiseur SVG

1. Collez votre SVG, ou déposez/importez un fichier .svg — le balisage remplit le champ de saisie.
2. Ouvrez les Paramètres et activez exactement les nettoyages voulus : arrondir les coordonnées, retirer commentaires, métadonnées et attributs d'éditeur, groupes vides, ID et defs inutilisés, fusionner les transformations, minifier les styles en ligne, raccourcir les couleurs hex, retirer les valeurs par défaut et minifier les espaces.
3. Si l'arrondi des coordonnées est activé, fixez la précision (0-5 décimales).
4. Comparez les rendus Original et Optimisé côte à côte pour confirmer que le dessin reste correct.
5. Lisez les statistiques Avant, Après, Économisé, Gzip et Brotli pour voir le gain réel de taille.
6. Copiez le SVG optimisé, ou téléchargez-le en fichier .min.svg.

Exemples

<svg xmlns="http://www.w3.org/2000/svg"><!-- Generator: Sketch --><title>icon</title><rect x="0" y="0" width="24" height="24"/></svg>

<svg xmlns="http://www.w3.org/2000/svg"><rect x="0" y="0" width="24" height="24"/></svg>

<svg xmlns="http://www.w3.org/2000/svg"><path d="M1.00000 2.49999 L10.333333 8"/></svg>

<svg xmlns="http://www.w3.org/2000/svg"><path d="M1 2.5 L10.33 8"/></svg>

<svg xmlns="http://www.w3.org/2000/svg"><rect fill="#FFFFFF" fill-opacity="1" width="24" height="24"/></svg>

<svg xmlns="http://www.w3.org/2000/svg"><rect fill="#fff" width="24" height="24"/></svg>

Questions fréquentes

Que supprime exactement l'optimiseur ?

Avec les options correspondantes : commentaires XML, éléments <metadata>, <title> et <desc>, attributs d'espace de noms de l'éditeur (Inkscape, Sodipodi, Illustrator), groupes vides, ID que rien ne référence et <defs> non référencés. Il peut aussi arrondir les attributs numériques et les données de tracé, fusionner les transformations inutiles, minifier les attributs style et le CSS de <style>, raccourcir les couleurs hex (#ffffff→#fff) et retirer les attributs de présentation par défaut comme fill-opacity="1".

Arrondir les coordonnées va-t-il modifier l'apparence de mon SVG ?

Arrondir à une faible précision peut déplacer les points d'une infime fraction d'unité, généralement invisible mais plus petit. Augmentez la précision (jusqu'à 5 décimales) pour une géométrie exacte, ou désactivez l'arrondi pour laisser les nombres intacts.

Puis-je charger un fichier et prévisualiser le résultat ?

Oui. Déposez ou importez un fichier .svg (ou collez le balisage) et les rendus Original et Optimisé apparaissent côte à côte pour repérer toute casse. Copiez ensuite la sortie ou téléchargez le .min.svg optimisé — rien n'est envoyé ; le fichier est lu localement.

Que signifient les chiffres Gzip et Brotli ?

La taille Gzip est mesurée en compressant réellement le SVG optimisé dans votre navigateur, elle reflète donc les octets réels sur une connexion gzip. Le chiffre Brotli est une estimation dérivée de cette taille gzip (brotli compresse d'ordinaire le texte un peu plus). Un vrai encodeur brotli est trop lourd à embarquer, il est donc marqué d'un tilde.

Mon SVG est-il envoyé quelque part ?

Non. L'analyse, le nettoyage, la mesure de taille et la sérialisation se font localement dans votre navigateur avec le DOMParser intégré. Rien n'est envoyé à un serveur, donc l'outil fonctionne hors ligne et votre création reste privée.