Vectoriser une image en SVG

Un PNG ou un JPG est une grille de petits carrés de couleur, les pixels. Quand vous l'agrandissez, ces carrés grossissent et les bords deviennent flous ou crénelés. Une image de 200 pixels de large ne peut pas servir sur une bâche de deux mètres.

Un SVG ne contient pas de pixels. Il décrit des formes : un cercle ici, une courbe là, remplis de telle couleur. L'ordinateur redessine ces formes à la taille voulue, donc le résultat reste net sur une carte de visite comme sur une façade.

Un SVG de logo pèse souvent quelques kilo-octets. Il s'ouvre dans un navigateur et dans les logiciels de dessin comme Inkscape, Illustrator, Figma ou Canva.

La vectorisation retrouve les contours d'une image. Elle donne de bons résultats quand l'image est faite d'aplats de couleur avec des bords nets. Elle donne de mauvais résultats quand l'image est faite de dégradés et de détails fins.

Une photo contient des milliers de nuances : la vectoriser produit une affiche en aplats, avec un fichier lourd. Pour une photo, gardez le JPG.

• Bien : un logo, une icône, un pictogramme, une signature, un croquis à l'encre, un dessin en noir et blanc.
• Correct : une illustration en quelques couleurs, un dessin d'enfant, une affiche simple.
• Mal adapté : une photo, une capture d'écran, un dégradé étalé sur toute l'image, un texte très petit.
• Une image toute petite ou très compressée donne moins de détails à retrouver : partez du fichier le plus grand et le plus net que vous ayez.

Partez du meilleur fichier disponible : le plus grand, en PNG plutôt qu'en JPG, sans capture d'écran ni photo d'un écran. Le JPG ajoute du bruit autour des bords, que le tracé doit ensuite ignorer.

Choisissez « Logo », puis regardez l'aperçu en zoomant sur les angles et les lettres. Si des détails manquent, montez le nombre de couleurs ou le niveau de détail. Si le bord tremble, baissez le niveau de détail ou montez le nettoyage des taches.

Un logo tracé automatiquement n'égale pas un logo redessiné à la main par un graphiste. Les courbes sont proches de l'original, mais les angles, les cercles et les lettres peuvent rester légèrement irréguliers. Avant de l'envoyer à l'impression ou à la découpe, ouvrez le SVG dans un logiciel de dessin et corrigez ce qui doit l'être.

Le SVG est le format que demandent la plupart des métiers de la fabrication et du web. Voici ce que vous pouvez en faire.

Gardez toujours l'image d'origine à côté : le SVG ne la remplace pas si vous avez besoin d'une photo.

• Impression : un imprimeur peut agrandir le logo sur une affiche, une bâche ou un tampon sans perte de netteté. Demandez-lui quel format il préfère.
• Enseigne, gravure et découpe : les logiciels de découpe vinyle, de gravure laser et de fraisage importent des SVG. Pensez à vérifier les formes dans le logiciel avant de lancer la machine.
• Site web : un SVG de quelques Ko charge vite et reste net sur les écrans haute définition. Supprimez l'arrière-plan pour qu'il se pose sur n'importe quelle couleur.
• Réseaux sociaux et documents : exportez un PNG en 2× ou 4× si une plateforme n'accepte pas le SVG.

Les quatre types d'image règlent tout d'un coup. Vous pouvez ensuite ajuster chaque curseur.

• Nombre de couleurs : combien de teintes le SVG garde. Un logo simple a souvent 2 à 6 couleurs. Plus il y en a, plus le fichier est lourd.
• Niveau de noir (dessin au trait) : ce qui compte comme du noir. Montez-le si des traits disparaissent, baissez-le si du bruit apparaît.
• Niveau de détail : de simplifié à fidèle. Plus de détail suit mieux les contours, mais ajoute des points.
• Lissage des courbes : des angles vifs aux courbes douces. Bas pour un logo à coins nets, haut pour un dessin organique.
• Ignorer les petites taches : efface les grains de papier, la poussière et les points isolés.
• Supprimer l'arrière-plan : rend transparente la couleur qui entoure l'image, comme le blanc autour d'un logo. Les zones de cette couleur entourées par le dessin, comme le blanc d'un œil, restent en place.
• Agrandir les petites images : une icône de quelques dizaines de pixels est agrandie avant le tracé pour obtenir des courbes plus lisses. Les très grandes images, elles, sont réduites à 1600 pixels de large au plus pour que le calcul reste rapide.