Command Palette

Search for a command to run...

CO

Convertisseur PNG en SVG

Tracez un logo ou une icône PNG dans un SVG de formes remplies avec 2, 8 ou 16 couleurs Il ne récupère pas le design vectoriel original, et les photos donnent de grands SVG tachés

PNGtoSVGConverts as soon as you add files
Colors
Detail

Tracing groups the colours and turns each area into a filled shape. It does not recover an original vector design: logos and flat artwork trace cleanly, photos give large, blotchy SVGs.

Files (0)

No files yet

Add files and they convert right away. Change a setting and they convert again.

Built with open source libraries. Licenses

Qu'est-ce qu'un convertisseur PNG en SVG ?

Un convertisseur PNG vers SVG trace une image raster en formes vectorielles remplies Il ne récupère pas un design vectoriel original : les formes sont reconstruites à partir des pixels, donc les arêtes sont une approximation Les logos, icônes, line art et autres illustrations plates avec peu de couleurs tracent bien Les photos ne le font pas ; elles se transforment en grandes SVG tachées pouvant être de plusieurs mégaoctets, parfois des dizaines de mégaoctets, bien plus grandes que le PNG avec lequel vous avez commencé.

La différence entre les deux formats explique pourquoi cela vaut la peine d'être fait Un PNG stocke une grille fixe de pixels, donc l'agrandissement rend les bords bloqués Un SVG stocke les contours décrits comme des chemins et remplis de couleur, qu'un navigateur ou une application de conception redessine proprement à n'importe quelle taille Un SVG tracé peut aller dans une page Web, être recoloré dans un éditeur vectoriel, ou être lu par une machine de découpe ou un graveur laser qui fonctionne à partir de contours.

Le traçage se fait en deux étapes D'abord l'image est réduite à une petite palette, le nombre que vous choisissez sous Couleurs Ensuite le traceur parcourt le bord de chaque zone de la même couleur et y ajuste des lignes droites et des courbes, produisant un chemin rempli par zone Chaque chemin obtient également un contour de 1 pixel dans sa propre couleur, ce qui ferme les espaces de la racine des cheveux qui autrement apparaîtraient entre les formes voisines.

Deux paramètres façonnent le résultat Les couleurs sont 2, 8 (la valeur par défaut) ou 16. le détail est faible, moyen (la valeur par défaut) ou élevé : Low brouille légèrement l'image en premier, s'adapte aux courbes plus lâches et laisse tomber les formes plus petites qu'un point, donnant des fichiers plus simples et plus petits, tandis que High suit de près les pixels et conserve de minuscules formes. Modification soit de la définition des traces de chaque fichier ajouté à nouveau, et chaque ligne affiche la nouvelle taille SVG à côté de la taille PNG, afin que vous puissiez comparer les paramètres avant de télécharger.

Le traçage s'exécute côté client dans un Web Worker en arrière-plan à l'aide d'imagetracerjs, qui est téléchargé uniquement lorsque vous ajoutez le premier fichier, de sorte que la page reste réactive et qu'aucune image n'est téléchargée. Les images de plus de 1 200 pixels de chaque côté sont réduites avant le traçage afin que le travail se termine en quelques secondes, et le SVG est toujours configuré pour s'ouvrir à la largeur et à la hauteur d'origine. Une trace qui prend plus de deux minutes est arrêtée avec un message suggérant moins de couleurs ou moins de détails. Les PNG jusqu'à 100 mégapixels sont acceptés, les zones transparentes deviennent des formes transparentes et l'outil est gratuit, pas, sans inscription, et sans inscription, avec un plafond quotidien sur les conversions.

Comment convertir PNG en SVG

  1. Ajoutez vos fichiers PNG

    Déposez des images PNG sur la boîte, ou cliquez pour télécharger Plusieurs fichiers à la fois est bien, et chacun est tracé dès qu'il est ajouté Les logos, les icônes et les graphiques plats donnent les résultats les plus nets.

  2. Définissez les couleurs et les détails

    Choisissez 2 couleurs pour les illustrations en noir et blanc, 8 pour la plupart des logos et 16 pour les graphiques ombrés. Commencez par Détails moyens. Modification soit de la définition des traces de chaque fichier avec les nouvelles valeurs.

  3. Vérifiez la trace

    Chaque ligne affiche le SVG tracé sous forme de vignette, son statut et une ligne de taille avec la taille avant et après et combien le SVG est plus petit ou plus grand Cliquez sur la vignette pour ouvrir le SVG grand et basculer entre Avant et Après Si les bords semblent grumeleux ou si le fichier est trop gros, modifiez un paramètre et regardez à nouveau.

  4. Télécharger les fichiers SVG

    Appuyez sur l'icône de téléchargement sur une ligne pour enregistrer ce SVG, ou Téléchargez tout dans l'en-tête de la liste pour enregistrer un lot en tant que converti-svg.zip.

Pourquoi convertir PNG en SVG ?

Le traçage en vaut la peine lorsque l'image est simple et que vous en avez besoin pour l'adapter ou pour être lu comme des contours Pour tout ce qui est photographique, gardez le PNG.

Un logo qui n'existe qu'en tant que PNG

Le fichier vectoriel original est souvent perdu, et il ne reste plus qu'un PNG tiré d'un site Web ou une signature de courriel Le traçage vous donne un SVG qui évolue pour une bannière ou un travail d'impression sans bords en blocs Vérifiez de près les courbes et le petit texte, puisqu'ils sont reconstruits à partir de pixels plutôt que copiés du fichier du concepteur.

Machines à découper, graveurs et logiciels de broderie

Les coupe-vinyles, les graveurs laser et de nombreux outils artisanaux suivent des chemins, pas des pixels Une trace en 2 couleurs d'une silhouette, d'un pochoir ou d'un monogramme transforme chaque zone sombre en une forme fermée autour de laquelle la machine peut couper.

Icônes et illustrations pour le web

Une icône plate tracée en SVG reste nette sur les écrans haute densité et peut être recolorée avec CSS. Si vous avez besoin plus tard d'une version pixel à une taille définie, [rendez le SVG en PNG] (/tools/svg-to-png).

PNG vs SVG tracée : que utiliser

Une image PNG comparée à un SVG tracé à partir de celle-ci
pngTracé SVG
Ce qu'il stockeUne grille de pixels.Formes remplies tracées à partir de ces pixels Pas la conception vectorielle originale.
escaladeBloqué ou flou lorsqu'il est agrandi.Redessine proprement à n'importe quelle taille.
CouleursDes millions, avec des pentes lisses.2, 8 ou 16 couleurs plates Les dégradés deviennent des bandes.
transparenceCanal alpha complet.Zones transparentes tracées sous forme de formes transparentes.
Logos et icônesTrès bien à la taille qu'il a été économisé.Bon ajustement : bords propres, faciles à recolorer.
photosBon ajustement, et généralement le fichier plus petit.Mauvais ajustement : gros SVG tachés, parfois des dizaines de mégaoctets.
ÉditionÉditeurs de pixels.Editeurs vectoriels, logiciels de découpe et de gravure, code.

Comment les couleurs et les détails changent la trace

Chaque paramètre est un échange entre la fidélité du SVG et le nombre de formes qu'il contient. Plus de formes signifie un fichier plus gros et plus de nettoyage dans un éditeur vectoriel.

Couleurs : 2, 8 ou 16

L'image est réduite à autant de couleurs avant le traçage Deux couleurs conviennent aux logos, pochoirs, signatures et art au trait noir et blanc Huit gère la plupart des logos plats avec quelques couleurs de marque et quelques bords anti-alias Seize garde plus d'ombrage, au prix de beaucoup plus de petites formes le long de chaque bord doux.

Détail : Faible, Moyen ou Élevé

Les détails bas brouillent légèrement l'image, ajustent les courbes de manière lâche et jettent les formes minuscules, ce qui donne des contours lisses et des petits fichiers Le moyen s'adapte aux courbes à environ un pixel Le haut suit de près les pixels et garde les petites formes, de sorte qu'il préserve les traits fins mais capte également le bruit.

Pourquoi les photos tournent mal

Une photo a des dégradés et une texture doux partout, donc même à 16 couleurs, elle se divise en milliers de patchs irréguliers Chaque patch devient un chemin avec ses propres coordonnées, et le SVG peut finir plusieurs fois plus grand que le PNG tout en ressemblant à une copie postérisée C'est une limite de traçage, pas un paramètre que vous pouvez corriger.

Confidentialité et sécurité

  • Le PNG est décodé et tracé à l'intérieur de cet onglet du navigateur, dans un travailleur d'arrière-plan L'image n'est jamais téléchargée.
  • La bibliothèque imagetracerjs est chargée à partir de ce site uniquement lorsque vous ajoutez le premier fichier.
  • Le SVG est construit à partir de chemins tracés uniquement, sans scripts, liens ou copie intégrée du PNG original.
  • Le contrôle d'utilisation quotidien envoie le nom de l'outil, un identifiant de l'appareil et votre jeton d'inscription si vous en avez un Aucune donnée d'image n'est incluse.
  • Après un lot, la page enregistre le nombre de fichiers, le total des octets et le format de sortie, jamais les noms de fichiers ni les pixels.

Principales caractéristiques

  • 2, 8 ou 16 couleurs

    Des illustrations en noir et blanc aux graphiques plats ombragés

  • Faible, moyen et haut détail

    Des contours lisses et compacts ou un tracé étroit de petites formes

  • Formes sans espace

    Un fin contour assorti sur chaque forme cache les coutures entre les couleurs

  • Aperçu SVG et taille du fichier

    Voir le résultat tracé et son poids avant le téléchargement, mis à jour à chaque modification d'un paramètre

Frequently Asked Questions

Déposez le PNG sur cette page et il est tracé en formes remplies que vous pouvez télécharger en tant que fichier SVG Le traçage commence dès que le fichier est ajouté, et la modification des couleurs ou des détails le retrace à nouveau.

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

png to svgconvert png to svgpng to svg converterfree png to svgpng to vectorvectorize pngpng logo to svgtrace png to svgconvert png to vector