Convertir un JPG en SVG :
la vectorisation expliquée

Convertir un JPG en SVG en 3 étapes

1. Importez le JPG dans le convertisseur ci-dessus (jusqu'à 100 Mo).
2. Convertissez. L'image est vectorisée en couleur avec vtracer. Les images de plus de 1 200 px de large sont d'abord ramenées à 1 200 px.
3. Téléchargez le SVG et ouvrez-le dans Inkscape, Illustrator, Figma ou Cricut Design Space pour supprimer les formes parasites ou modifier les couleurs.

Les logos, icônes et cliparts composés de quelques couleurs unies donnent le résultat le plus propre. Les photos ressortent postérisées.

Raster vs Vecteur : La Différence Fondamentale

Toute image numérique appartient à l'une de deux catégories : raster ou vecteur. Comprendre cette différence est essentiel pour savoir ce que la vectorisation peut et ne peut pas faire.

Une image raster (JPG, PNG, BMP, TIFF) stocke une image sous forme d'une grille rectangulaire de pixels colorés. Chaque pixel est un minuscule carré avec une valeur de couleur unique. Le nombre total de pixels — la résolution — détermine le niveau de détail que l'image peut contenir. Une photo de 3000×2000 pixels contient 6 millions de valeurs de couleur individuelles. Lorsque vous zoomez, vous finissez par voir les carrés individuels. Lorsque vous agrandissez l'image au-delà de sa résolution native, le logiciel doit inventer de nouveaux pixels entre les pixels existants, produisant un résultat flou et interpolé.

Une image vectorielle (SVG, AI, EPS, PDF) stocke une image sous forme d'instructions mathématiques. Un cercle est décrit par un centre et un rayon. Une courbe est une équation de Bézier avec des points de contrôle. Une région remplie est un chemin fermé avec une couleur de remplissage. L'image étant définie par des mathématiques plutôt que par des pixels, elle peut être rendue à n'importe quelle résolution — d'un favicon 16×16 à un panneau de 10 mètres — avec une netteté parfaite à chaque fois. Le moteur de rendu recalcule simplement les courbes pour la taille cible. Notre comparatif SVG ou PNG indique quand choisir chaque format.

Cette différence fondamentale signifie que la conversion raster vers vecteur n'est pas comme convertir WAV en MP3 ou JPG en PNG. Ce sont des changements de format au sein du même modèle de données (pixels vers pixels, ou échantillons vers échantillons). La conversion raster vers vecteur est une reconstruction — le logiciel doit interpréter les données de pixels et construire une représentation mathématique entièrement nouvelle de l'image.

Comment Fonctionne la Vectorisation Automatique

Lorsque vous importez une image JPG sur CleverUtils et la convertissez en SVG, le fichier passe par un pipeline en plusieurs étapes. Comprendre chaque étape aide à expliquer pourquoi certaines images se vectorisent magnifiquement tandis que d'autres produisent des résultats inattendus.

Étape 1 : décodage et redimensionnement

ImageMagick décode le fichier importé (JPG, PNG, WebP, TIFF, PSD et autres formats) et corrige la rotation EXIF. Les images de plus de 1 200 px de large sont ramenées à 1 200 px pour que la vectorisation reste rapide. Les fichiers vectoriels ou à calques, comme PDF, EPS ou PSD, sont d'abord aplatis sur fond blanc.

Étape 2 : regroupement des couleurs

Le traceur, vtracer, regroupe les pixels voisins de couleur proche en régions. Nos réglages conservent 6 bits de précision par canal de couleur : les teintes très proches fusionnent donc en une seule couleur unie. C'est pourquoi les dégradés se transforment en bandes de couleur unie.

Les zones de moins de 4 pixels sont supprimées comme des taches parasites.

Étape 3 : traçage des contours

vtracer suit le contour de chaque région de couleur. Les régions sont empilées : les grandes formes se placent dessous et les petites dessus, si bien qu'aucun espace ne subsiste entre deux couleurs voisines.

Étape 4 : ajustement en polygones

Notre convertisseur exécute vtracer en mode polygone : chaque contour devient une suite de segments droits, et non de courbes de Bézier. Les angles plus aigus que 60° sont conservés comme des coins. Les polygones gardent les logos et le lettrage nets ; les formes rondes paraissent légèrement facettées lorsque vous zoomez fortement.

Étape 5 : sortie SVG

Chaque région est écrite sous forme de <path> SVG avec une couleur de remplissage unie. Le fichier s'ouvre dans n'importe quel navigateur ainsi que dans Inkscape, Illustrator, Figma et Cricut Design Space.

Ce Qui Se Vectorise Bien

La vectorisation donne les meilleurs résultats lorsqu'une image se compose de quelques couleurs unies aux contours nets. Chaque couleur unie devient une forme propre. Pour préparer l'image source et nettoyer le résultat, consultez notre guide pour vectoriser une image étape par étape.

Le point commun : fort contraste, contours nets, plage tonale limitée. Si vous pouvez plisser les yeux sur l'image et encore distinguer sa forme essentielle, elle se vectorisera bien.

Ce Qui Ne Se Vectorise PAS Bien

Le regroupement des couleurs échoue sur les images à variation tonale continue. Les dégradés doux se divisent en nombreuses bandes de couleur unie : le rendu paraît postérisé et le SVG devient volumineux.

• Photographies : Un portrait ou un paysage contient des dégradés doux sur la peau, le ciel, le feuillage et les tissus. La vectorisation transforme tout cela en centaines de zones de couleur unie, avec un aspect postérisé. Le fichier SVG peut également être énorme — des milliers de petits chemins tentant de représenter ce qui était à l'origine une variation tonale douce.
• Scènes complexes : Les images chargées avec de nombreux éléments qui se superposent, des profondeurs variables et des arrière-plans complexes produisent une sortie vectorielle bruitée et encombrée, avec trop de chemins pour être utile.
• Dégradés doux : Un ciel au coucher du soleil, un fondu de couleur ou un effet de vignette est découpé en bandes distinctes de couleur unie aux frontières irrégulières.
• Textures détaillées : Tissage de tissu, grain du bois, pores de la peau, fourrure — ces textures à fins détails génèrent d'énormes quantités de minuscules chemins vectoriels qui n'ont ni bonne apparence ni utilité pratique.
• Images basse résolution : Une vignette de 100×100 pixels donne au traceur si peu de pixels que les courbes deviennent grossières et carrées. Une entrée en plus haute résolution produit un résultat plus lisse, jusqu'à la largeur de 1 200 px à laquelle le convertisseur vectorise.
• JPG fortement compressés : Les artéfacts de compression JPEG (motifs en blocs autour des contours) perturbent la détection des bords et produisent des chemins vectoriels bruités qui tracent les artéfacts de compression plutôt que le contenu réel de l'image.

Notre pipeline de vectorisation (vtracer)

CleverUtils vectorise les images raster avec vtracer, un traceur couleur open source développé par VisionCortex. Contrairement à potrace, qui ne produit que du noir et blanc, vtracer conserve les couleurs de l'image.

Le pipeline de conversion comporte trois composants :

1. ImageMagick — Décode le fichier d'entrée (JPG, PNG, WebP, TIFF, PSD, etc.), corrige la rotation et ramène les images de plus de 1 200 px de large à 1 200 px
2. vtracer — Regroupe les couleurs et trace chaque région sous forme de chemin polygonal rempli
3. potrace — Solution de repli pour les fichiers que vtracer ne peut pas traiter ; produit un SVG en noir et blanc avec des courbes de Bézier

La commande complète :

vtracer --input in.png --output out.svg --colormode color --hierarchical stacked --mode polygon --filter_speckle 4 --color_precision 6 --corner_threshold 60 --segment_length 3.5

Il n'y a aucun réglage à choisir : les mêmes paramètres s'appliquent à tous les fichiers. Ils conviennent aux logos, icônes, cliparts et illustrations en aplats.

Réglages de Vectorisation Expliqués

Si vous vectorisez vous-même une image avec potrace (par exemple via la fonction Vectoriser un objet matriciel d'Inkscape), ces paramètres déterminent le résultat. Le convertisseur de cette page ne les utilise pas : il exécute vtracer avec des réglages fixes.

Seuil (-k)

Le paramètre le plus important. Contrôle la coupure de luminosité entre le noir (premier plan) et le blanc (arrière-plan) lors de l'étape de conversion binaire. Plage : 0,0 à 1,0, défaut 0,5. Notre guide des réglages de seuil de potrace indique les valeurs adaptées aux logos, croquis et numérisations.

Lissage des Coins (-a)

Contrôle si le traceur préserve les coins aigus ou les arrondit en courbes. Plage : 0 à 1,334, défaut 1.

• -a 0 — Tous les coins sont aigus. Idéal pour les formes géométriques, le pixel art et les diagrammes techniques où vous souhaitez des angles précis.
• -a 1 (défaut) — Lissage modéré. Les coins proches de 90 degrés restent aigus ; les autres sont arrondis.
• -a 1,334 — Lissage maximum. Tous les coins deviennent des courbes. Produit la sortie la plus douce, idéale pour les formes organiques et l'écriture manuscrite.

Suppression du Bruit (-t turdsize)

Supprime les petites taches isolées de l'image binaire avant le traçage. La valeur spécifie la taille maximale (en pixels) des régions à écarter. Défaut : 2.

• -t 0 — Conserver tout, y compris le bruit d'un seul pixel. À utiliser uniquement pour des images sources très propres.
• -t 2 (défaut) — Supprime les minuscules taches (régions de 1-2 pixels). Convient à la plupart des images.
• -t 10-50 — Supprime agressivement les petits éléments. Utile pour les documents numérisés avec de la poussière, de la texture de papier ou des artéfacts de compression.

Optimisation (-O)

Contrôle le nombre de segments de courbes de Bézier que potrace utilise pour approximer chaque contour. Une optimisation plus élevée produit des chemins plus simples (moins d'octets SVG) mais un traçage potentiellement moins précis. Le niveau d'optimisation par défaut est un bon équilibre entre fidélité et taille de fichier pour la plupart des images.

Quand Vectoriser

La vectorisation n'est pas une mise à niveau universelle — c'est le bon outil pour des cas d'utilisation spécifiques où les propriétés des graphiques vectoriels offrent un avantage clair sur les images raster.

Impression Grand Format

Les bannières, les présentoirs de salons professionnels, les habillages de véhicules et la signalétique de bâtiments nécessitent tous des illustrations pouvant être mises à l'échelle en mètres sans perte de qualité. Un logo conçu à 300×200 pixels devient une image floue sur une bannière de 3 mètres. Sa conversion en SVG donne à l'imprimeur un fichier indépendant de la résolution qui s'affiche nettement à n'importe quelle échelle.

Icônes et Éléments d'Interface Redimensionnables

Les sites web et les applications affichent des icônes à de nombreuses tailles : 16px dans les menus, 32px dans les barres d'outils, 64px dans les cartes de fonctionnalités, 128px dans les sections héros. Servir un PNG séparé pour chaque taille est inutile. Une seule icône SVG se rend parfaitement à chaque taille, répond au style CSS (changement de couleur au survol) et pèse généralement moins qu'un seul rendu PNG.

Dessins au Trait Numérisés

Les architectes, ingénieurs et artistes numérisent souvent des croquis faits à la main, des plans d'étage ou des diagrammes techniques. Le JPG numérisé est une capture raster de quelque chose qui a été dessiné à l'origine avec des lignes et des courbes — exactement ce que le format vectoriel représente nativement. La vectorisation de la numérisation reconstruit l'intention originale, produisant des chemins vectoriels propres et éditables à partir des données de pixels numérisées.

Machines de Découpe et CNC

Cricut, Silhouette, les découpeuses laser et les fraiseuses CNC nécessitent toutes une entrée vectorielle pour générer des trajectoires d'outils. Si votre conception n'existe qu'en JPG ou PNG, la vectorisation est le pont entre la conception raster et l'opération de découpe physique. Les chemins vectoriels deviennent les lignes exactes que la machine suit.

Broderie et Sérigraphie

Les machines à broder ont besoin de contours vectoriels pour générer des trajectoires de points. La sérigraphie nécessite des séparations vectorielles nettes pour chaque couche de couleur. Dans les deux cas, la vectorisation d'un logo ou d'un design raster est la première étape du flux de production.

Alternatives Basées sur l'IA

vtracer et potrace sont des traceurs algorithmiques : ils détectent les contours et ajustent les formes selon des règles fixes. Ils sont rapides, gratuits et déterministes (la même entrée produit toujours la même sortie).

Pour les cas d'utilisation que potrace ne peut pas bien gérer, les vectoriseurs basés sur l'IA offrent une approche différente :

Des outils comme Vectorizer.AI et Recraft utilisent l'apprentissage automatique pour identifier les formes, séparer les couches de couleur et générer une sortie SVG multicolore propre à partir d'images complexes. Ils peuvent gérer des logos en couleur, des illustrations avec des dégradés et même certains contenus photographiques que potrace ne peut pas traiter.

Pour les cas les plus courants — un logo en aplats, un dessin au trait, un fichier de découpe Cricut ou un texte numérisé — la vectorisation algorithmique donne de bons résultats, rapidement et gratuitement. Potrace est d'ailleurs le moteur de la fonction Vectoriser un objet matriciel d'Inkscape.

Conseils de Pré-Traitement pour de Meilleurs Résultats

La qualité de votre sortie SVG dépend fortement de la qualité de votre image d'entrée. Quelques minutes de préparation avant l'importation peuvent considérablement améliorer le résultat de la vectorisation.

• Augmentez le contraste : Ouvrez l'image dans n'importe quel éditeur (même l'éditeur intégré de votre téléphone) et poussez le curseur de contraste vers le haut. Un contraste plus fort signifie des contours plus nets à suivre pour le traceur.
• Recadrez serré : Supprimez l'arrière-plan inutile. Moins de pixels superflus signifie une sortie plus propre et des fichiers SVG plus légers.
• Partez d'une source nette d'environ 1 200 px de large : le convertisseur ramène les images plus larges à 1 200 px, et les images beaucoup plus petites donnent des contours plus grossiers.
• Préférez le PNG au JPG quand c'est possible : La compression JPEG crée des artéfacts en blocs autour des bords. Ces artéfacts perturbent le traceur et produisent des chemins vectoriels bruités. Si vous disposez des deux formats, utilisez le PNG.
• Convertissez d'abord en niveaux de gris : Si l'image est naturellement en N&B (comme un croquis ou un logo), la convertir en niveaux de gris avant l'importation supprime le bruit de couleur, et le traceur crée moins de zones de couleur parasites.
• Supprimez le bruit de fond : Pour les documents numérisés, utilisez un ajustement des « niveaux » ou des « courbes » pour pousser le blanc du papier vers le blanc pur et l'encre vers le noir pur. Cela élimine la texture du papier et les artéfacts de numérisation.

Autres méthodes pour convertir un JPG en SVG

Inkscape (gratuit)

1. Ouvrez le JPG via Fichier → Ouvrir et sélectionnez-le.
2. Allez dans Chemin → Vectoriser un objet matriciel (Shift+Alt+B).
3. Choisissez Passe unique (seuil de luminosité) pour du noir et blanc ou Passes multiples (couleurs) pour de la couleur, puis cliquez sur Appliquer.
4. Supprimez l'image matricielle d'origine située dessous et enregistrez via Fichier → Enregistrer sous → SVG simple.

Adobe Illustrator

1. Importez le JPG et sélectionnez-le.
2. Ouvrez Fenêtre → Vectorisation de l'image et choisissez un paramètre prédéfini comme Logo noir et blanc ou 6 couleurs.
3. Cliquez sur Développer pour transformer la vectorisation en tracés modifiables, puis utilisez Fichier → Exporter → Exporter sous → SVG.

Cricut Design Space

Design Space peut importer un JPG et le vectoriser lui-même en image de découpe. Convertir d'abord en SVG vous donne des calques de couleur séparés et un meilleur contrôle sur les parties à découper.