Que veut dire vectoriser une image ?

Une image matricielle, comme un PNG, un JPG ou un WebP, est une grille de pixels, chacun d’une seule couleur. Si vous l’agrandissez, les pixels grossissent, et les bords deviennent flous ou en escalier. Une image vectorielle décrit au contraire l’image par des tracés et des remplissages : des contours faits de lignes et de courbes, et la couleur à l’intérieur de chacun. Le moteur de rendu dessine ces contours à la taille que vous voulez, si bien que les bords restent nets.

Vectoriser, c’est passer du premier type d’image au second. « Matriciel vers vectoriel », « image en vecteur » ou « PNG en vecteur » désignent tous le même travail : la vectorisation, qui repère les zones de couleur dans les pixels et délimite chacune par un tracé.

Un SVG qui se contente d’envelopper le PNG d’origine dans un élément <image> n’a pas été vectorisé. Il s’ouvre comme un SVG, mais il devient toujours flou à l’agrandissement, car l’image qu’il contient reste faite de pixels. Comment distinguer un vrai vecteur d’un PNG enveloppé.

Comment png2svg.art vectorise une image

  1. Il choisit un petit ensemble de couleurs unies, jusqu’au nombre que vous fixez, à partir de l’intérieur plein des formes et non de leurs bords adoucis.
  2. Il attribue chaque pixel à l’une de ces couleurs. Dans un PNG ou un WebP, les pixels opaques à moins de 50 % n’appartiennent à aucune couleur et restent transparents.
  3. Il trace les couleurs ensemble : là où deux couleurs se touchent, elles partagent une seule limite, faite de segments droits et de courbes de Bézier.
  4. Il groupe le résultat par objet (l’arrière-plan d’abord, puis chaque objet séparé) et écrit chaque forme dans son propre <path> rempli de sa couleur, imbriqué selon ce qui entoure quoi (un œil dans un visage). Les trous, comme l’intérieur d’un « O », restent ouverts.
  5. Il vérifie que chaque résultat ne contient que des tracés vectoriels, sans image bitmap intégrée ni script, avant de vous le livrer.

La vectorisation n’est pas de l’IA. Elle n’invente pas de détails et ne redessine pas votre image dans un nouveau style : elle délimite les couleurs qui y sont déjà.

Quand ça marche, et quand ça ne marche pas

Les images qui se vectorisent bien :

  • les logos, les icônes et les dessins au trait ;
  • les stickers, les cliparts et les illustrations en aplats ;
  • les images IA de style plat, avec quelques couleurs unies (image IA en SVG).

Celles qui ne s’y prêtent pas :

  • Les photos, les dégradés et les ombres douces. Ils ressortent en bandes de couleur unie, comme une affiche, car chaque tracé compte au maximum 24 couleurs. Pourquoi les photos se postérisent.
  • Le petit texte. Les lettres de moins de 10 px de haut environ ne se vectorisent pas proprement. Retapez-les avec une police dans un éditeur vectoriel et placez-les par-dessus le tracé.
  • Les images petites ou floues. La vectorisation n’ajoute pas de résolution : les contours ressortent plus ronds et plus mous que le design que vous aviez en tête.

Vectoriser une image en quatre étapes

  1. Importez un PNG, JPG, WebP ou HEIC de 25 Mo maximum, dans la zone de cette page ou dans le convertisseur.
  2. Choisissez un préréglage et réglez le curseur Couleurs, jusqu’à sur le nombre de couleurs que vous voyez.
  3. Vérifiez l’aperçu gratuit avec filigrane, sans inscription, et relancez le tracé si les formes ne vont pas.
  4. Débloquez le SVG sans filigrane pour 1 crédit (3 crédits gratuits avec un compte) et téléchargez-le.

Chaque réglage est expliqué, avec le même travail dans Inkscape et Illustrator, dans comment convertir un PNG en SVG, étape par étape.

Questions

Convertir une image en vecteur, est-ce la même chose que PNG en SVG ?

En grande partie. Le SVG est le format vectoriel utilisé sur le web et par les logiciels de découpe, et c’est le seul format que produit le traceur de png2svg.art : vectoriser une image ici vous donne donc toujours un SVG.

Peut-on vectoriser une photo ?

Oui, mais elle ressort en zones de couleur unie, jusqu’à 24 couleurs, pas en vecteur photoréaliste. C’est parfois exactement ce que vous voulez pour un effet affiche ou pochoir.

Que veut dire « matriciel vers vectoriel » ?

Transformer une grille de pixels en tracés : repérer les zones de couleur d’une image matricielle et délimiter chacune, pour que le résultat s’agrandisse sans flou.

Est-ce gratuit ?

L’aperçu avec filigrane est gratuit, sans inscription (5 par jour en tant qu’invité). Un SVG sans filigrane coûte 1 crédit (3 crédits gratuits avec un compte).

Peut-on modifier le vecteur ensuite ?

Oui. Chaque objet est un calque qui contient ses formes sous forme de tracés, et vous pouvez recolorer, déplacer, remodeler point par point ou masquer n’importe lequel d’entre eux dans l’éditeur SVG, qui nécessite un compte. L’éditeur sait aussi réunir, soustraire et intersecter des formes ; pour décaler un contour, utilisez un logiciel vectoriel de bureau comme Inkscape.