Convertisseur PNG, JPG et WebP en SVG gratuit
Vectorisez une image PNG, JPG ou WebP en un vrai SVG fait de formes et de courbes, pas de pixels. Réglez couleurs, détail et contraste, comparez avec l'original, puis téléchargez le fichier. Tout se passe dans votre navigateur.
Glissez-déposez une image ici
ou cliquez pour choisir un fichier PNG, JPG ou WebP
Jusqu'à 20 Mo et 50 millions de pixels.
Traitement 100 % local : votre image n'est jamais envoyée à un serveur.
Vectoriser une image en SVG : mode d'emploi
Pourquoi convertir un PNG ou un JPG en SVG ?
Une image PNG, JPG ou WebP est une grille de pixels : agrandie au-delà de sa taille d'origine, elle devient floue ou crénelée. Un SVG décrit au contraire des formes (contours, courbes, couleurs de remplissage) que le navigateur ou le logiciel recalcule à chaque affichage. Un logo vectorisé reste net aussi bien en favicon de 16 pixels que sur une bâche de plusieurs mètres.
Le SVG (Scalable Vector Graphics) est un format ouvert normalisé par le W3C, affiché par tous les navigateurs actuels et ouvert par Inkscape, Adobe Illustrator, Figma ou Affinity Designer. Chaque forme obtenue se modifie séparément : changer une couleur, supprimer un élément ou recadrer ne dégrade rien.
Un fichier .svg peut aussi se contenter d'embarquer l'image d'origine dans une balise <image> : il porte alors l'extension .svg mais reste une grille de pixels, aussi floue qu'avant à l'agrandissement. Ce convertisseur fait l'inverse : chaque zone de couleur devient un vrai tracé <path> composé de segments de droite et de courbes de Bézier. L'outil vérifie le fichier produit et affiche le nombre de chemins vectoriels qu'il contient.
Qui l'utilise, et pour quoi faire ?
- Graphistes et indépendants
- Un client ne fournit son logo qu'en PNG basse définition ou en JPG compressé ? Vectorisez-le en 2 à 6 couleurs, puis reprenez les tracés dans Inkscape ou Illustrator au lieu de redessiner le logo de zéro.
- Découpe et gravure (Cricut, laser)
- Les machines de découpe et de gravure suivent des tracés, pas des pixels. En mode noir et blanc avec fond transparent, un dessin au trait donne un seul chemin noir à importer dans Cricut Design Space ou LightBurn, qui acceptent tous deux le SVG.
- Développeurs et intégrateurs web
- Transformez un pictogramme PNG en SVG à insérer directement dans le HTML : il reste net sur les écrans haute densité et se recolore en CSS, une règle CSS l'emportant sur les attributs fill du fichier.
- Signatures et croquis numérisés
- Photographiez ou scannez une signature, un tampon ou un croquis au trait, augmentez le contraste et le seuil pour éliminer le grain du papier, et récupérez un tracé noir sur fond transparent à poser sur un document.
Comment fonctionne la vectorisation ?
Votre navigateur lit l'image puis, si son plus grand côté dépasse 1 000 pixels, la réduit à cette taille avant le tracé : le temps de calcul et la mémoire nécessaires croissent avec le nombre de pixels multiplié par le nombre de couleurs. Le SVG conserve néanmoins les dimensions d'origine grâce à son attribut viewBox, et un vecteur s'agrandit de toute façon sans perte.
La palette est d'abord construite par découpe médiane (algorithme publié par Paul Heckbert en 1982), puis affinée en trois passes de type k-moyennes par la bibliothèque libre ImageTracerJS. Chaque couleur forme ensuite un calque dont les contours sont suivis par une variante de l'algorithme des marching squares, puis approchés par des segments de droite et des courbes de Bézier quadratiques. Le niveau de détail règle la tolérance de cet ajustement et la taille minimale des formes conservées.
Le contraste est appliqué avant le calcul de la palette. En noir et blanc, chaque pixel est comparé au seuil choisi d'après sa luminance, calculée avec les coefficients de la norme UIT-R BT.709 qui sert aussi à l'espace sRGB. Le calcul tourne dans un Web Worker : l'interface reste fluide, et modifier un réglage pendant un calcul interrompt celui-ci. L'aperçu affiche exactement le fichier qui sera téléchargé.
Questions fréquentes
- Le SVG sera-t-il identique à mon image ?
- Non, c'est une interprétation. L'image est découpée en aplats de couleur unie : un dégradé devient une série de bandes, une photo perd sa texture fine. La vectorisation donne ses meilleurs résultats sur les logos, pictogrammes, illustrations en aplats, dessins au trait et textes. Pour une photographie, mieux vaut garder un JPG ou un WebP.
- Combien de couleurs faut-il choisir ?
- 2 couleurs, ou le mode noir et blanc, pour un logo monochrome, une signature ou un texte ; 3 à 8 pour un logo en aplats ; 16 à 32 pour une illustration avec des ombres. Chaque couleur ajoute un calque : le fichier grossit et le calcul s'allonge. Commencez bas et montez jusqu'à ce que les détails importants apparaissent.
- Pourquoi mon SVG est-il plus lourd que l'image d'origine ?
- Une photo ou une image bruitée produit des milliers de petites formes, chacune décrite par ses coordonnées. Réduisez le nombre de couleurs, baissez le niveau de détail pour éliminer les petites taches, ou augmentez le contraste pour simplifier les zones. Vous pouvez ensuite passer le fichier dans l'optimiseur SVG. Un logo en aplats, lui, ne produit que quelques dizaines de formes.
- Comment vérifier que le SVG contient de vrais vecteurs ?
- Ouvrez le fichier dans un éditeur de texte : il ne contient que des balises <path> dont l'attribut d décrit des déplacements (M), des droites (L) et des courbes (Q), sans balise <image> ni données encodées en base64. L'outil fait cette vérification à chaque calcul et affiche le nombre de chemins sous l'aperçu.
- Pourquoi l'image est-elle réduite à 1 000 pixels ?
- Pour borner le temps de calcul et la mémoire, qui croissent tous deux avec le nombre de pixels multiplié par le nombre de couleurs : un smartphone doit pouvoir suivre. La réduction ne touche que la grille analysée. Le SVG garde la largeur et la hauteur de l'original, et ses courbes restent nettes à toutes les tailles.
- Mon image est-elle envoyée sur un serveur ?
- Non. La lecture de l'image, la vectorisation et la création du fichier SVG se font entièrement dans votre navigateur. Aucune image n'est transmise, aucun compte n'est demandé, et rien n'est conservé après la fermeture de l'onglet.