Comment utiliser PNG en SVG
- 1
Déposez une image
Ajoutez un PNG, JPG, WebP ou une autre image de 25 Mo maximum. Les logos, icônes, signatures et illustrations aux aplats se vectorisent le mieux.
- 2
Choisissez un style
N&B crée des formes d’une seule couleur à partir d’un seuil de luminosité ; Couleur utilise jusqu’à 32 couleurs ; Détaillé en autorise jusqu’à 64.
- 3
Nettoyez les tracés
Augmentez le Lissage pour des courbes plus rondes, utilisez le Filtre de bruit pour éliminer les parasites, et activez ou désactivez Supprimer l’arrière-plan.
- 4
Enregistrez le SVG
Comparez le résultat avec l’original, puis téléchargez nom.svg ou copiez le Code SVG dans votre projet.
Limites et Pro
Une image de 25 Mo maximum à la fois, tracée jusqu’à 2 000 px sur le plus grand côté, avec jusqu’à 64 couleurs.
Pro accepte des images sources jusqu’à 4 Go. Découvrir Pro
À propos de PNG en SVG
PNG en SVG repère les contours d’une image matricielle et les reconstruit sous forme de tracés vectoriels : le résultat peut être agrandi jusqu’à la taille d’un panneau publicitaire ou réduit à celle d’une favicon, sans que les pixels apparaissent. L’image est d’abord ramenée à une palette par un quantificateur à coupure médiane, ou à une seule couleur de forme en mode N&B, puis chaque zone de couleur est détourée par le moteur imagetracerjs. Le SVG contient un élément path par couche de couleur, conserve la largeur et la hauteur de l’image d’origine, et peut supprimer la couche d’arrière-plan pour rendre le logo transparent.
Trois résolutions de tracé échangent rapidité contre finesse : Rapide travaille sur 800 pixels le long du plus grand côté, Équilibré sur 1 200 et Élevé sur 2 000. Le Lissage va d’Exact, qui suit chaque marche de pixel, à Max, qui arrondit fortement les angles ; le Filtre de bruit supprime les îlots de moins de 40 pixels au plus. Les statistiques sous l’aperçu indiquent le nombre de tracés et de couleurs du fichier, un bon indicateur de son poids.
Parmi les bons candidats : un logo d’entreprise qui n’existe qu’en PNG, une signature ou un tampon numérisé, un fichier de découpe pour traceur de vinyle ou graveuse laser, et les icônes simples. Les photographies s’y prêtent mal : elles sont posterisées, et une photo détaillée peut produire un SVG de plusieurs mégaoctets, plus lourd et plus lent que le JPG. Les dégradés forment des bandes visibles, le texte devient des formes et non des lettres modifiables, et les lignes très fines peuvent se rompre à faible résolution.
Confidentialité
Le tracé s’exécute dans un Web Worker dédié de cet onglet : l’image est décodée sur votre appareil, quantifiée et détourée par imagetracerjs, et le SVG est assemblé localement. Le code du traceur n’est chargé depuis ce site qu’après le choix d’une image. Ni l’image ni le SVG ne sont envoyés ni conservés quelque part une fois la page fermée.
Fonctionnalités
Tracés vectoriels nets
Un tracé compact par couche de couleur, adaptable à toutes les tailles sans pixels.
Trois styles
N&B pour les logos et signatures, Couleur pour les aplats, Détaillé pour les illustrations plus riches.
Lissage et filtre de bruit
Arrondissez les marches irrégulières et éliminez les petits parasites avant de télécharger.
Copiez le code
Collez le code SVG directement dans du HTML, du CSS ou un outil de design.