Optimiser un SVG : alléger le fichier sans changer le dessin

Comment ça marche

Choisissez un fichier SVG et cliquez sur Optimiser le SVG. L’outil supprime tout ce qu’un logiciel de dessin écrit dans le fichier sans que cela s’affiche jamais : réglages d’Inkscape et d’Illustrator, auteur et licence (métadonnées), commentaires, groupes vides et attributs écrits avec leur valeur par défaut. Il raccourcit ensuite les coordonnées de chaque forme : un nombre à six décimales comme 20.987654 devient 20.988 avec 3 décimales. Un logo de 40 formes enregistré depuis Inkscape, de 21 Ko, passe ainsi à 13 Ko avec 3 décimales (38 % de moins) et à 11 Ko avec 1 décimale. Le résultat se télécharge sous le même nom, avec .min ajouté avant l’extension ; votre fichier d’origine ne change pas. Rien n’est envoyé à un serveur : tout se passe dans votre navigateur.

Cet outil est aussi connu sous le nom de optimiser svg, optimiser svg en ligne, compresser svg, minifier svg, svg optimizer.

Qu'est-ce que SVG ?

Le SVG (Scalable Vector Graphics) enregistre une image non pas en pixels mais comme une description de formes : « une ligne de ce point à celui-là, remplie de bleu marine ». Cette description est du texte brut ; le fichier s’ouvre dans n’importe quel éditeur de texte et chaque caractère inutile l’alourdit. Optimiser consiste donc à raccourcir ce texte sans toucher au dessin.

Qu'est-ce que SVGO ?

SVGO (SVG Optimizer) est l’outil open source le plus utilisé pour alléger les fichiers SVG ; la plupart des outils de construction de sites web y passent leurs SVG en arrière-plan. Cette page utilise la version navigateur de SVGO : des dizaines de petites étapes de nettoyage s’enchaînent et se répètent jusqu’à ce que le fichier ne maigrisse plus, sans qu’il soit envoyé à un serveur.

Quelle est la différence entre optimiser un SVG et le SVGZ ?

L’optimisation supprime le code inutile du fichier ; le résultat reste un .svg ordinaire que tous les logiciels ouvrent. Le SVGZ est un SVG emballé avec gzip : rien n’est supprimé, le texte est compressé comme dans un ZIP et doit être décompressé avant usage. L’un ne remplace pas l’autre. Les serveurs web compressent déjà les SVG en gzip à l’envoi ; pour le web, le meilleur résultat reste donc un .svg ordinaire optimisé.

Quand l’optimisation peut changer le dessin : précision et identifiants

La précision des nombres apporte le plus gros gain et c’est le seul réglage qui peut modifier le dessin. Pour une icône tracée sur une grille de 24 × 24 unités, 1 décimale (0,1 unité) suffit ; le même réglage déplace les angles d’une carte dont les traits font 0,05 unité, et les lignes fines se collent. Ouvrez le résultat à côté de l’original dans votre navigateur ; si vous voyez une différence, montez d’une décimale.

Le second piège, ce sont les identifiants. Si un site appelle les icônes d’un seul SVG par leur nom avec <use href="icones.svg#maison">, ou si le CSS et le JavaScript trouvent un élément par son id, l’optimiseur supprime tout symbole que rien n’appelle dans le fichier et renomme les id restants en « a », « b ». Le fichier s’affiche bien seul, mais les icônes disparaissent du site. La ligne de résultat signale combien de symboles ont été supprimés. Pour un tel fichier, réglez Identifiants sur Conserver.

De combien mon SVG va-t-il maigrir ?

Tout dépend de son origine. Les fichiers enregistrés directement depuis un logiciel de dessin maigrissent le plus, car le logiciel y range ses propres réglages et le nom des calques pour pouvoir rouvrir le fichier. Un SVG écrit à la main, ou déjà passé par un minificateur, perd rarement plus de quelques pour cent.

• Enregistrement « SVG Inkscape » → le plus gros gain ; les données d’éditeur peuvent occuper une grande part du fichier
• Illustrator « Enregistrer sous → SVG » → commentaires et groupes superflus supprimés, gain moyen
• Export Figma ou Canva → déjà sobre ; le gain vient surtout des nombres raccourcis
• SVG contenant une photo intégrée → ne maigrit pas ; la ligne de résultat le signale, la photo doit être compressée à part

Questions fréquentes

Comment réduire la taille d’un fichier SVG ?

Choisissez le fichier ici et cliquez sur Optimiser le SVG. Les données d’éditeur et les commentaires qui ne changent rien à l’image sont supprimés, et les coordonnées sont raccourcies. La ligne de résultat indique la taille avant et après ainsi que le pourcentage gagné.

Optimiser un SVG fait-il perdre de la qualité ?

Avec les 3 décimales recommandées, aucune différence n’est visible, car presque tout ce qui est supprimé ne s’affiche jamais. La qualité ne peut changer que sur des dessins fins, si vous descendez à 1 ou 2 décimales. Un SVG étant vectoriel, il ne devient jamais flou à l’agrandissement, quel que soit le réglage.

Pourquoi mon SVG n’a-t-il pas maigri ?

Si le fichier a déjà été minifié ou écrit proprement à la main, il ne reste rien à supprimer. L’autre cause fréquente est une photo intégrée en Base64 : cet outil allège le code vectoriel et ne touche pas aux photos intégrées. La ligne de résultat indique la part du fichier occupée par la photo.

Puis-je encore modifier le SVG optimisé ?

Oui. Il reste un SVG standard qui s’ouvre dans Inkscape, Illustrator ou Figma. Seuls le nom des calques et les réglages propres à l’éditeur disparaissent : gardez l’original pour continuer à travailler et mettez la version optimisée sur votre site ou dans votre application.