Comment réduire le nombre de nœuds d’un SVG ?

Vectorisez à nouveau l’image d’origine avec des réglages qui privilégient moins de nœuds et des courbes plus douces, moins de couleurs et une taille minimale des formes plus grande. Si vous n’avez que le SVG, utilisez Simplifier dans Inkscape ou Illustrator, petit à petit.

Pourquoi mon fichier SVG est-il si lourd ?

En général à cause de trop nombreux nœuds et de minuscules formes, issus de la vectorisation d’une image petite ou bruitée. Un SVG peut aussi être lourd parce qu’il contient une image intégrée au lieu de formes.

Simplifier un SVG fait-il perdre en qualité ?

Cela peut arriver. Simplifier lisse toutes les courbes de la même façon : si vous allez trop loin, les angles s’arrondissent et les parties fines s’amincissent. Vérifiez le résultat avec un fort zoom.

Pourquoi ma machine de découpe ou mon laser saccade-t-il sur un SVG ?

Les tracés sont faits de nombreux minuscules segments, et la machine ralentit à chaque nœud. Une vectorisation avec moins de nœuds et des courbes plus lisses se découpe plus vite et plus proprement.

Pourquoi votre SVG a trop de nœuds, et comment y remédier

Moins de nœuds, ce sont des courbes plus lisses, des fichiers plus légers et des découpes plus nettes.

Un SVG a trop de nœuds quand la vectorisation suit chaque marche de pixels le long d’un bord au lieu de tracer une seule courbe lisse. Un cercle qui n’a besoin que de quatre ou huit nœuds finit avec soixante. Le fichier s’alourdit, la retouche devient une corvée, et les machines de découpe comme les lasers ralentissent et saccadent sur ces minuscules segments.

La solution consiste à vectoriser à nouveau avec des réglages qui privilégient les courbes lisses : moins de nœuds, des courbes plus douces, moins de couleurs et aucun petit point parasite. Simplifier un SVG existant après coup fonctionne aussi, mais cela a tendance à arrondir les angles et à déplacer les bords. Déposez une image ci-dessous et activez Afficher les tracés et les nœuds pour voir combien de nœuds utilise la vectorisation.

Essayez avec votre image

⌘V coller · ⌘O ouvrir · par lot

Pas d’image sous la main ? Essayez l’une de celles-ci :

SVG lisse avec peu de nœuds

Ce qu’est un nœud, et pourquoi leur nombre compte

Un tracé dans un SVG est une chaîne de segments : des droites et des courbes. Chaque point où un segment se termine et où le suivant commence est un nœud (certains logiciels parlent de point d’ancrage). Une bonne vectorisation ne place des nœuds que là où la forme change de direction et laisse les courbes faire le reste.

La retouche : chaque nœud est un point que vous devrez peut-être déplacer. Un logo de quelques centaines de nœuds se modifie facilement ; un logo qui en a des milliers, non.
La découpe et la gravure : les machines vont de nœud en nœud. Des centaines de minuscules segments font saccader la lame ou la tête laser, laissent un bord irrégulier et rallongent le travail.
Le poids du fichier : plus de nœuds, plus de poids. Cela compte pour les icônes web et pour les plateformes de vente qui limitent la taille des fichiers.
L’aspect : une courbe cassée en nombreux petits morceaux laisse souvent voir de légères ondulations quand on agrandit le motif.

Pourquoi les SVG vectorisés automatiquement ont autant de nœuds

Une source petite ou en basse résolution : en petite taille, un bord courbe est un escalier de pixels, et la vectorisation en suit les marches.
La compression JPG et le bruit : les bords baveux et les zones mouchetées deviennent des dizaines de minuscules formes, chacune avec ses nœuds.
Trop de couleurs : les dégradés et les bords lissés se découpent en fines bandes, et chaque bande est un contour de plus.
Des réglages qui privilégient la précision : une vectorisation qui épouse chaque pixel garde chaque marche de pixels comme un nœud.

Pas à pas : une vectorisation lisse avec moins de nœuds

Partez de l’image la plus grande et la plus propre possible. Un PNG net se vectorise avec moins de nœuds qu’un petit JPG compressé.
Ouvrez-la dans le convertisseur ci-dessus et activez Afficher les tracés et les nœuds pour voir les nœuds sur le résultat.
Dans Couleurs, avec Palette, indiquez seulement le nombre de couleurs que le motif a réellement. Les nuances laissées par la compression se fondent alors dans la couleur la plus proche au lieu de devenir des formes en plus.
Dans Formes, augmentez Taille min. des formes pour éliminer les points parasites, et déplacez Complexité vers Moins de formes si les petits détails ne sont pas nécessaires.
Dans Tracés, déplacez Nœuds vers Moins de nœuds et Lissage vers Courbes plus douces. Gardez Angles vifs activé pour les logos et le lettrage, afin que les pointes restent nettes.
Comparez avec l’original grâce à Comparer, puis cliquez sur Télécharger et choisissez SVG.

Une icône vectorisée avec des courbes lisses et peu de nœuds — Des courbes lisses et peu de nœuds : chaque nœud se trouve là où le contour change de direction.

Simplifier un SVG existant dans Inkscape ou Illustrator

Si vous n’avez que le SVG et plus l’image d’origine, les deux principaux éditeurs savent réduire les nœuds des tracés sélectionnés. Dans Inkscape, c’est Chemin > Simplifier. Dans Illustrator, c’est Objet > Tracé > Simplifier, avec un curseur pour doser l’effet.

La simplification travaille sur les courbes existantes : elle ne distingue pas un vrai angle d’une marche de pixels. Elle a tendance à arrondir les angles, à amincir les parties fines et à laisser les points parasites en place. Utilisez-la avec douceur, petit à petit. Si l’image source existe encore, la vectoriser à nouveau avec des réglages plus lisses donne en général un résultat plus propre que simplifier une vectorisation bruitée.

Combien de nœuds, c’est normal ?

Cela dépend du motif, il n’y a donc pas de chiffre fixe. À titre de repère, sur notre benchmark de 30 logos, drapeaux, emoji, icônes et dessins au trait, les réglages par défaut de Shapesoda ont produit une médiane de 96 nœuds par image (174 en moyenne). Les autres outils testés avaient des médianes de 156 à 406 nœuds pour les mêmes images. Une icône simple devrait demander quelques dizaines de nœuds, pas des milliers ; si un logo en deux couleurs revient avec plusieurs milliers de nœuds, la vectorisation suit les pixels.

Moins de nœuds pour les machines de découpe et les lasers

Avec une Cricut, une Silhouette ou un laser, le nombre de nœuds se voit sur la pièce finie. Une lame traînée sur des centaines de minuscules segments peut déchirer un vinyle fin à chaque virage, et un laser qui ralentit puis accélère sans cesse peut laisser des taches plus sombres là où il ralentit. Avant d’envoyer un fichier à la machine, ouvrez-le avec Afficher les tracés et les nœuds et regardez les courbes à découper. Ce que vous voulez : de longues courbes régulières, avec des nœuds espacés. Des grappes de nœuds sur une courbe douce sont le signe qu’il faut vectoriser à nouveau avec moins de nœuds. Le DXF est un cas particulier : les courbes y sont enregistrées comme des chaînes de courts segments droits. L’option Courbes DXF en règle le nombre : Moins de segments (léger) pour un fichier plus léger, Beaucoup de segments (lisse) quand les courbes doivent paraître parfaitement rondes.

Autres signes d’une vectorisation bruitée

Des centaines de minuscules formes dans ce qui devrait être un seul aplat : utilisez moins de couleurs dans Palette ou augmentez Taille min. des formes.
De fins interstices entre les couleurs : passez les formes en Superposées (sans interstices) pour l’impression et le web.
Doubles lignes dans le logiciel laser : voir les problèmes de Trace Image dans LightBurn.
Résultats grossiers avec la vectorisation d’Illustrator ou d’Inkscape : voir Vectorisation de l’image ne fonctionne pas et les réglages de vectorisation dans Inkscape.

Besoin du convertisseur seul ? Utilisez Image en SVG, Matriciel en vecteur ou Icône en SVG.