Vectoriser une image en 3 étapes
- Importez l'image (PNG, JPG, WebP, BMP ou TIFF) dans le convertisseur ci-dessus.
- Convertissez. vtracer la trace en couleurs ; les images de plus de 1 200 px de large sont d'abord réduites à 1 200 px.
- Téléchargez le SVG et retouchez-le dans Inkscape, Illustrator ou Figma : supprimez les taches isolées, fusionnez les formes, changez les couleurs.
Cela fonctionne aussi sur téléphone : ouvrez la page dans le navigateur de votre mobile et importez l'image.
Qu'est-ce que la vectorisation ?
La vectorisation (aussi appelée tracé) est le processus qui consiste à convertir une image matricielle — une grille de pixels colorés — en une image vectorielle — un ensemble de courbes et de formes mathématiques. Ces deux représentations sont fondamentalement différentes :
- Raster (PNG, JPG, BMP) : Chaque pixel stocke une valeur de couleur. L'image possède une résolution fixe. L'agrandir au-delà de cette résolution produit un résultat flou et interpolé.
- Vecteur (SVG, AI, EPS) : Les formes sont définies par des équations mathématiques — courbes Bézier, lignes, arcs. Le moteur de rendu recalcule les formules à n'importe quelle taille cible, garantissant une netteté parfaite d'un favicon de 16 pixels à un panneau de 10 mètres.
La vectorisation n'est pas une simple conversion de format comme PNG vers JPEG. C'est une reconstruction : le logiciel analyse les contours des pixels, détecte les contours et construit une représentation mathématique entièrement nouvelle qui approxime l'image originale. La qualité de cette approximation dépend largement des caractéristiques de l'image source.
Notre pipeline de conversion
Lorsque vous importez un PNG (ou JPG, BMP, WebP, TIFF) sur CleverUtils pour le convertir en SVG, le fichier passe par un pipeline en plusieurs étapes. Comprendre chaque étape explique pourquoi certaines images se vectorisent parfaitement et d'autres produisent des résultats inattendus.
Étape 1 : Décodage et redimensionnement (ImageMagick)
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 réduites à 1 200 px de large pour accélérer le tracé. 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 en régions les pixels voisins de couleur similaire. 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 parasites.
Étape 3 : Tracé des contours
vtracer suit le contour de chaque région de couleur. Les régions sont empilées : les grandes formes se trouvent dessous et les petites par-dessus, si bien qu'il n'y a aucun interstice entre les couleurs voisines.
Étape 4 : Ajustement en polygones
Notre convertisseur exécute vtracer en mode polygone : chaque contour devient une chaîne de segments droits, et non de courbes Bézier. Les virages de plus de 60° sont conservés comme des angles. Les polygones gardent les logos et le lettrage bien nets ; les formes arrondies paraissent légèrement facettées lorsque vous zoomez fortement.
Étape 5 : Sortie SVG
Chaque région est écrite sous forme d'élément SVG <path> 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.
Commande : 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
Si vtracer ne parvient pas à traiter un fichier, le convertisseur se rabat sur potrace, qui produit un SVG en noir et blanc.
Ce qui se vectorise bien
Le tracé donne les meilleurs résultats lorsqu'une image se compose de quelques couleurs unies aux contours nets. Chaque couleur unie devient une forme propre.
| Type de source | Qualité | Pourquoi ça fonctionne |
|---|---|---|
| Logos sur fond blanc | Excellente | Contraste élevé, contours nets, couleurs unies |
| Dessins au trait et croquis | Excellente | Traits à l'encre/crayon forts sur papier blanc |
| Icônes (design plat) | Excellente | Formes géométriques, couleurs uniformes, limites nettes |
| Texte et typographie | Excellente | Bords nets, noir uniforme sur blanc |
| Silhouettes | Excellente | Pur noir/blanc, contours nets, sans détail interne |
| Tampons et sceaux | Très bonne | Contraste élevé, mais peut nécessiter un ajustement du seuil pour les zones délavées |
| Schémas techniques | Très bonne | Lignes nettes, mais les très fines peuvent nécessiter un seuil plus bas |
| Designs dessinés à la main | Bonne | Les traits à l'encre fonctionnent ; les traits légers au crayon peuvent disparaître |
Le point commun : contraste élevé, contours nets, plage tonale limitée. Si l'image reste reconnaissable réduite au pur noir et blanc, elle se vectorisera bien.
Ce qui se vectorise mal
Le regroupement des couleurs échoue pour les images à variation tonale continue. Les dégradés fluides se divisent en nombreuses bandes de couleur unie, ce qui donne un aspect postérisé et alourdit le SVG.
- Photographies : Les portraits, paysages et photos de produits contiennent des dégradés fluides sur la peau, le ciel, le feuillage et les tissus. Le tracé transforme tout en centaines de taches de couleur unie, produisant un aspect postérisé. Le fichier SVG peut également être énorme — des milliers de petits tracés tentant d'approximer une variation tonale continue.
- Dégradés doux : Les ciels au coucher du soleil, les fondus de couleur, les effets de vignette et les ombres sont découpés en bandes discrètes de couleur unie aux limites irrégulières.
- Textures complexes : Tissu tissé, grain du bois, fourrure, texture du papier — ceux-ci génèrent un grand nombre de petits tracés vectoriels qui paraissent bruités et n'ont aucun intérêt pratique.
- Sources à faible résolution : Une miniature de 100×100 pixels fournit si peu de points de données que l'ajustement des courbes Bézier produit des tracés grossiers et anguleux. Le résultat paraît angulaire et rudimentaire quel que soit le contenu source.
- JPEG fortement compressés : La compression JPEG crée des artefacts en blocs de 8×8 pixels autour des bords. Le traceur suit ces artefacts de compression plutôt que les bords réels de l'image, produisant des tracés vectoriels bruités et irréguliers.
Règle générale : Si l'image reste lisible une fois réduite à une poignée de couleurs unies, elle se vectorisera bien. Si elle repose sur une subtilité tonale ou un détail photographique, la vectorisation n'est pas la bonne approche.
Conseils pour optimiser la qualité
Les améliorations les plus significatives proviennent de la préparation de l'image source avant l'importation, et non du réglage des paramètres potrace. Ces étapes fonctionnent dans n'importe quel éditeur d'image.
Utilisez la résolution la plus élevée disponible
Plus il y a de pixels, plus le traceur dispose d'informations sur les contours et plus les tracés sont lisses, jusqu'à un certain point : le convertisseur de cette page réduit les images de plus de 1 200 px de large à 1 200 px avant le tracé. Une source nette d'environ cette largeur donne le meilleur résultat ; une miniature de 100 px donne des tracés grossiers et anguleux.
Nettoyez la source
Pour les images scannées, supprimez le bruit de fond et les artefacts avant l'importation. Utilisez un ajustement Niveaux ou Courbes pour pousser l'arrière-plan vers le blanc pur et le premier plan vers le noir pur. Supprimez les taches de poussière, la texture du papier et les artefacts de numérisation avec un léger flou ou un filtre de débruitage. Recadrez serré pour éliminer les ombres des bords.
Augmentez le contraste
Poussez le curseur de contraste vers le haut. Un contraste plus fort signifie un écart plus large entre les valeurs de luminosité du premier plan et de l'arrière-plan, ce qui offre au seuil une séparation plus nette. Pour les images N&B, l'entrée idéale ne possède que deux tons : le noir pur et le blanc pur, sans rien entre les deux.
Utilisez PNG, pas JPEG
La compression JPEG crée des artefacts en blocs visibles autour des bords nets — exactement les zones que potrace analyse pour le tracé des contours. Ces artefacts produisent des tracés vectoriels irréguliers et bruités qui retracent les limites de compression plutôt que les bords réels de l'image. Si vous avez le choix, utilisez toujours PNG. Si seul le JPEG est disponible, utilisez la version de meilleure qualité (la moins compressée).
Ajustez le seuil
Le convertisseur de cette page trace en couleur et n'utilise pas de seuil. Si vous tracez en noir et blanc avec potrace ou Inkscape, commencez à 0,5 ; montez à 0,6–0,7 pour les sources délavées ou claires, ou descendez à 0,3–0,4 lorsque l'arrière-plan capte du bruit.
Paramètres de potrace expliqués
Lorsque vous tracez en noir et blanc avec potrace (directement ou via Inkscape), ces paramètres déterminent le résultat. Le convertisseur de cette page, lui, exécute vtracer avec des réglages fixes.
| Paramètre | Flag | Plage | Défaut | Effet |
|---|---|---|---|---|
| Seuil | -k |
0,0–1,0 | 0,5 | Seuil de luminosité pour la conversion binaire. Plus bas = sortie plus claire, plus haut = sortie plus dense |
| Lissage des coins | -a |
0–1,334 | 1 | 0 = tous les coins nets. 1,334 = lissage maximum. Contrôle la courbe vs l'angle aux coins. |
| Optimisation | -O |
0 et plus | 0,2 | Tolérance d'optimisation des courbes. Plus élevé = moins de segments, fichier plus léger, moins de précision |
| Suppression du bruit | -t |
0–100+ | 2 | Surface maximale en pixels des régions isolées à ignorer. Plus élevé = supprime les taches plus grandes |
Réglages recommandés par type de source
| Image source | Seuil | Coins | Turdsize | Notes |
|---|---|---|---|---|
| Logo N&B propre | 0,5 | 1 (lissé) | 2 | Les valeurs par défaut fonctionnent parfaitement pour les logos à fort contraste |
| Croquis au crayon | 0,35–0,45 | 1,334 (max) | 0 | Seuil bas pour éviter la texture du papier ; lissage max pour des lignes fluides |
| Tampon encreur / sceau | 0,55–0,65 | 1 (lissé) | 10–20 | Seuil plus haut pour capturer le tampon entier ; turdsize élevé pour supprimer les projections |
| Document scanné | 0,5–0,6 | 0 (net) | 5–15 | Coins nets pour le texte ; suppression modérée du bruit de poussière |
| Source délavée / claire | 0,65–0,8 | 1 (lissé) | 2–5 | Seuil plus haut pour capturer le contenu perdu à 0,5 |
| Pixel art / QR code | 0,5 | 0 (net) | 0 | Coins nets pour préserver la géométrie ; pas de suppression du bruit |
Vectorisation multi-couleurs
Potrace produit une sortie en noir et blanc uniquement : une seule couche binaire, tracée à sa limite. Le convertisseur de cette page contourne cette limite grâce à vtracer, qui regroupe les couleurs et trace chaque région de couleur en une seule passe.
Pour la vectorisation multi-couleurs, des approches alternatives existent :
- Tracé multi-passes : Exécutez potrace plusieurs fois à différents niveaux de seuil, chacun capturant une bande de luminosité différente. Empilez les couches SVG obtenues avec différentes couleurs de remplissage. La fonction "Vectoriser le bitmap" d'Inkscape propose cela sous "Scans multiples : Niveaux de luminosité."
- Quantification des couleurs + séparation des couches : Réduisez l'image à une palette de couleurs limitée (4–16 couleurs), séparez chaque couleur en un masque binaire et tracez chaque masque indépendamment. Les "Scans multiples : Couleurs" d'Inkscape automatisent cela.
- Image Trace d'Adobe Illustrator : Tracé assisté par IA qui gère plusieurs couleurs, dégradés et formes complexes. Produit une sortie multi-couleurs plus propre que l'empilement de couches, mais nécessite un abonnement payant.
- Services alimentés par IA : Des outils comme Vectorizer.AI utilisent l'apprentissage automatique pour identifier les formes, séparer les couleurs et générer un SVG multi-couleurs propre. Meilleurs résultats que les méthodes algorithmiques pour les images complexes, mais généralement payant à l'image.
Pour les cas d'usage de vectorisation les plus courants — conversion de logo, tracé de dessin au trait, préparation de fichiers de découpe — la sortie N&B de potrace est exactement ce dont vous avez besoin, et il s'exécute instantanément et gratuitement.
Cas d'usage pratiques
Agrandissement de logo
La raison la plus courante de vectoriser : votre logo n'existe qu'en petit PNG ou JPEG, et vous en avez besoin en beaucoup plus grand pour l'impression, la signalétique ou les produits dérivés. La vectorisation convertit le raster à résolution fixe en un SVG infiniment redimensionnable. La version SVG peut être imprimée sur un panneau d'affichage, brodée sur un chapeau ou affichée comme favicon — tout depuis le même fichier.
Icônes SVG pour le web
Si vous disposez d'un jeu d'icônes en fichiers PNG, les vectoriser en SVG vous offre une indépendance de résolution (nets sur tous les écrans), un style CSS (changez les couleurs au survol ou en mode sombre), des tailles de fichiers réduites et la possibilité de les intégrer directement en HTML pour zéro requête HTTP supplémentaire.
Machines de découpe (Cricut, Silhouette, laser)
Cricut, Silhouette et les découpeurs laser nécessitent des fichiers d'entrée vectoriels pour générer les chemins d'outil. La machine suit exactement les tracés vectoriels — le cutter ou le laser parcourt les courbes mathématiques. Si votre design n'existe qu'en PNG, la vectorisation est le pont entre le design matriciel et l'opération de découpe physique. Des images sources nettes et à fort contraste produisent les meilleurs chemins de découpe.
Broderie
Les machines à broder ont besoin de contours vectoriels pour générer les chemins de point. Les formes vectorielles déterminent la direction, la densité et les motifs de remplissage des points. Vectoriser un logo PNG en SVG est généralement la première étape pour créer un fichier de broderie (.PES, .DST, .EXP). Les formes simples aux limites nettes produisent le meilleur résultat de point.
Optimisation des performances web
Remplacer les icônes et logos PNG par des SVG sur un site web réduit le poids de la page (un seul SVG remplace plusieurs PNG spécifiques à une résolution), améliore la netteté sur les écrans Retina et permet un thème basé sur CSS. Un site typique avec 20 icônes peut économiser 200–400 Ko en passant de PNG à SVG, améliorant directement les scores Core Web Vitals.
Impression grand format
Les bannières pour salons professionnels, l'habillage de véhicules, la signalétique de bâtiment et les présentoirs d'exposition nécessitent tous des visuels qui restent nets à des tailles physiques mesurées en mètres. Les images matricielles qui paraissaient correctes à l'écran deviennent visiblement floues aux grandes tailles d'impression. Vectoriser le design garantit une netteté mathématique à n'importe quelle taille de sortie dont l'imprimeur a besoin.
Vectoriser une image dans Inkscape et Illustrator
Inkscape (gratuit)
- Importez l'image (Fichier → Importer) et sélectionnez-la.
- Ouvrez Chemin → Vectoriser un objet matriciel (Shift+Alt+B).
- Choisissez Seuil de luminosité pour une seule couleur ou Passes multiples → Couleurs pour plusieurs, puis cliquez sur Appliquer.
- Déplacez le tracé sur le côté, supprimez l'image matricielle et enregistrez au format SVG simple.
Adobe Illustrator
- Sélectionnez l'image importée et ouvrez Fenêtre → Vectorisation de l'image.
- Choisissez un paramètre prédéfini (Logo noir et blanc, 6 couleurs, Photo haute fidélité) et ajustez le Seuil ou les Couleurs.
- Cliquez sur Décomposer pour obtenir des tracés modifiables, puis exportez via Fichier → Exporter → Exporter sous → SVG.
La vectorisation automatique est gratuite. Faire redessiner un logo à la main par un graphiste coûte plus cher, mais donne le résultat le plus propre pour les sources complexes ou de mauvaise qualité.