Outils PNG en SVG

Convertisseur PNG en SVG - Vectoriser une Image en Tracés

Transformez un logo plat, une icône ou un dessin au trait en SVG indépendant de la résolution. La vectorisation tourne localement dans cet onglet : le fichier ne quitte jamais votre appareil.

  • Sans téléversement ni inscription
  • Résultat vectoriel modifiable
  • Vous prévient si l'image se prête au tracé

Ce que fait réellement une conversion PNG en SVG

Un PNG stocke une grille de pixels. Un SVG stocke des formes : des contours remplis décrits par des coordonnées et des courbes. Convertir un PNG en SVG n'est donc pas un simple changement de format comme PNG vers JPG : rien dans une grille de pixels n'indique où une forme se termine et où commence la suivante. Le convertisseur doit le déduire, en regroupant les pixels de couleur proche en régions puis en dessinant un contour autour de chaque région. Cette déduction s'appelle le tracé, ou vectorisation, et sa réussite dépend presque entièrement de ce que contient l'image.

Quand cela fonctionne, le résultat est meilleur que le fichier de départ. Le contour est indépendant de la résolution : le même élément reste net sur une carte de visite, un en-tête de site et une bannière imprimée, et une illustration en aplats finit fréquemment plus légère que l'original matriciel. Dans nos propres mesures, un logo de 2,3 Ko est devenu un SVG de 0,5 Ko construit sur deux tracés, avec un écart invisible à taille normale.

Quand cela ne fonctionne pas, l'échec n'a rien de subtil. Une photographie n'a aucune région uniforme à regrouper : chaque pixel diffère légèrement de son voisin, si bien que le traceur produit des milliers de minuscules tracés qui pèsent ensemble plusieurs fois le poids du JPEG, tout en ressemblant à une mauvaise aquarelle de l'original. C'est pourquoi ce convertisseur inspecte l'image et vous dit dans quel cas vous êtes avant que vous ne passiez du temps sur les réglages.

Quelles images se convertissent bien en SVG

Nous l'avons mesuré au lieu de le supposer. Chaque image de test a été vectorisée, le SVG obtenu a été rematricé aux dimensions d'origine, puis les deux ont été comparés pixel par pixel. Une erreur plus faible signifie un vecteur plus proche de la source.

Logo plat, peu de couleurs pleines Un PNG de 2,3 Ko est devenu un SVG de 0,5 Ko avec 2 tracés ; erreur 2,1 Le cas idéal. Aplats à 16 couleurs.
Icône ou pictogramme Une poignée de tracés, bien en dessous de 1 Ko Idéal. Minimal donne le fichier le plus léger sans perte visible.
Dessin au trait ou signature Se vectorise proprement ; le nombre de couleurs ne change rien de mesurable sur une entrée monochrome Utilisez Minimal — les couleurs en plus coûtent du poids sans rien apporter ici.
Badge ou tampon avec transparence 1,1 Ko, zones transparentes conservées ; erreur 6,8 Fonctionne bien. Restez à 8 couleurs ou plus, sinon les teintes se décalent.
Capture d'interface avec du texte Les panneaux et boutons passent bien, mais chaque lettre se fragmente en plusieurs tracés Exploitable pour les formes. Retapez le texte dans votre éditeur.
Photographie Se quantifie en milliers de couleurs ; le SVG pèse plusieurs fois le poids du PNG Ne convient pas. Gardez le fichier matriciel, ou compressez-le plutôt.

L'outil effectue automatiquement cette vérification sur votre propre image et affiche un verdict avant que la conversion PNG en SVG ne démarre : vous le savez à l'avance plutôt qu'après avoir téléchargé un fichier inutilisable.

Ce que fait chaque réglage

Un tracé PNG en SVG expose quatre réglages, mais ils n'ont pas la même importance. L'un d'eux décide de la qualité du résultat, les autres relèvent de l'ajustement fin.

Couleurs

Le nombre d'entrées de palette autorisées, et de loin le réglage le plus déterminant. Huit est le plancher : en dessous, les illustrations en couleur se déforment visiblement. Dans nos mesures, un logo plat obtenait une erreur de 2,1 à huit couleurs, 15,1 à quatre et 56,9 à deux. Au-delà de huit, la courbe s'aplatit vite, ce qui explique que 16 soit la valeur par défaut et que 32 soit réservé à l'illustration détaillée plutôt que recommandé comme maximum.

Supprimer les petites formes

Jette les tracés en dessous d'une certaine aire, ce qui élimine les résidus laissés par les contours lissés. Nous n'avons mesuré presque aucune différence entre la valeur la plus basse et la plus haute sur des illustrations réelles : c'est donc un réglage avancé plutôt qu'un paramètre que les préréglages font varier. Augmentez-le si un tracé revient moucheté.

Tolérance des courbes

À quel point le contour tracé peut s'écarter du bord des pixels. Une tolérance large donne des courbes moins nombreuses et plus douces, et un fichier plus léger ; une tolérance serrée suit chaque marche de l'original, y compris les plus crénelées. Les préréglages l'ajustent en même temps que le nombre de couleurs.

Flou préalable

Adoucit l'image avant le tracé. Utile sur un scan bruité, où il empêche le traceur de transformer le grain ou les artefacts JPEG en centaines de tracés. Laissez à zéro pour une illustration déjà propre.

Comment convertir un PNG en SVG

Tout se passe dans cet onglet. Rien n'est téléversé, ce qui compte pour une identité visuelle non publiée ou tout ce qui est couvert par un accord de confidentialité.

  1. Déposez un PNG sur l'outil ou choisissez-en un sur votre appareil. JPG, WebP et GIF sont également acceptés.
  2. Lisez le verdict d'adéquation. « Bon candidat » signifie une illustration en aplats qui se vectorisera proprement ; « ne convient pas » signifie que l'image est photographique et que le SVG serait plus lourd et moins fidèle que l'original.
  3. Choisissez un niveau de détail, ou ouvrez les réglages avancés pour piloter vous-même le nombre de couleurs, la suppression des petites formes, la tolérance des courbes et le flou préalable.
  4. Appuyez sur Convertir en SVG et comparez le résultat vectorisé à l'aperçu d'origine.
  5. Téléchargez le SVG. C'est du balisage brut qui s'ouvre dans Figma, Illustrator, Inkscape ou n'importe quel éditeur de texte.

Quand un PNG ne se convertira pas bien

La photographie est l'échec le plus net, et il vaut la peine d'être direct là-dessus, car un grand nombre de conversions PNG en SVG sont tentées précisément sur le mauvais fichier. La vectorisation fonctionne en cherchant des régions d'une seule couleur. Une photographie n'en a aucune : le ciel d'un paysage paraît uniforme mais contient des centaines de bleus subtilement différents, et le traceur détourera fidèlement chacun d'eux. Le résultat est énorme, lent à afficher et visiblement pire que la photo. S'il vous faut une photo plus légère, compressez-la — ne la vectorisez pas.

Le texte est la deuxième déception courante. Les lettres se vectorisent comme des formes, pas comme du texte : le résultat n'est ni sélectionnable, ni indexable, ni modifiable en tant que typographie. Le petit texte souffre en plus parce que le lissage brouille la frontière dont le traceur a besoin, et chaque lettre éclate en plusieurs tracés qui se chevauchent. Quand un logo contient un mot-symbole, la démarche honnête consiste à vectoriser ici le symbole seul et à composer de nouveau les mots dans votre outil de design avec la vraie police.

Les dégradés doux et les ombres portées se situent entre les deux. Ils se convertissent sans erreur, mais un dégradé lisse devient un empilement de bandes plates — la même postérisation que si vous réduisiez une photographie à seize couleurs. C'est parfois un effet plaisant et parfois cela ruine la maquette : vérifiez donc l'aperçu en taille réelle plutôt que de vous fier au seul poids du fichier.

Enfin, aucun traceur ne peut restituer un détail que la source n'a jamais eu. Un logo de 64 pixels récupéré sur un site se vectorisera en une approximation grumeleuse de lui-même, parce que ces grumeaux sont réellement ce que disent les pixels. Partez de la copie la plus grande et la plus propre disponible : un export d'origine plutôt qu'une capture d'écran, et un PNG plutôt qu'un JPG, puisque la compression JPEG ajoute ses propres bords en blocs que le traceur transformera consciencieusement en tracés.

Questions fréquentes

Le SVG est-il modifiable ensuite ?

Oui. La sortie est du balisage SVG standard composé de tracés remplis : il s'ouvre dans Figma, Illustrator, Inkscape et n'importe quel éditeur de code. Vous pouvez recolorer des tracés individuels, les supprimer ou redimensionner l'ensemble sans aucune perte.

Le SVG sera-t-il plus léger que le PNG ?

Pour une illustration en aplats, oui en général — souvent nettement. Un logo de 2,3 Ko s'est vectorisé en 0,5 Ko lors de nos tests. Pour une photographie, c'est l'inverse : le SVG peut peser plusieurs fois le poids de l'image d'origine, ce qui est l'un des signaux utilisés par la vérification d'adéquation.

Mon image est-elle envoyée sur un serveur ?

Non. Le traceur tourne en WebAssembly et JavaScript à l'intérieur de cette page, dans un worker en arrière-plan. Votre fichier n'est envoyé nulle part : vous pouvez convertir en toute sécurité des logos non publiés et des travaux clients.

Puis-je convertir une photo en SVG ?

Techniquement oui, et le résultat sera presque certainement moins bon que la photo. Attendez-vous à des milliers de tracés, un fichier bien plus lourd et un rendu postérisé. L'outil signale une image photographique avant la conversion, pour que le résultat ne soit pas une surprise.

Pourquoi le texte de mon image est-il mal rendu ?

Parce que la vectorisation voit les lettres comme des formes, pas comme du texte. Une typographie petite ou lissée se fragmente en plusieurs tracés par caractère. Vectorisez ici les éléments graphiques, puis recomposez le texte avec une vraie police dans votre outil de design.

Quelle différence avec un redessin manuel ?

Un redessin manuel reconstruit la maquette avec le moins de courbes propres possible et la bonne police. La vectorisation suit les pixels : elle produit donc plus de points et hérite de toute imprécision de la source. Pour un logo plat et simple, l'écart est souvent invisible ; pour une marque complexe ou en basse résolution, un redessin reste préférable.

Quels formats puis-je convertir ?

PNG, JPG, WebP et GIF sont tous acceptés, puisque l'image est décodée par le navigateur avant le tracé. Le PNG est le meilleur point de départ car il n'a aucun artefact de compression que le traceur pourrait prendre pour du détail.

La transparence est-elle conservée ?

Oui. Les zones transparentes le restent dans le SVG : un badge ou un autocollant vectorisé se posera correctement sur n'importe quelle couleur de fond.

Vous restez sur des images matricielles ? Ces outils tournent aussi dans le navigateur. convertisseur d'images · compresseur d'images

Votre vie privée est importante

Vos photos ne sont pas téléchargées, l'édition d'images se fait dans votre navigateur.