Convertir une image en SVG — vectoriser PNG/JPG
Vectorisation d’images bitmap en SVG avec curseurs de couleurs et de détail
Traitement dans le navigateur · aucun envoi de fichier
L’image est réduite à quelques couleurs, puis le contour de chaque zone de couleur est tracé avec des lignes et des courbes. Cela fonctionne bien pour les logos, icônes, lettrages et dessins simples. Les photos prennent un aspect d’affiche et le fichier peut devenir très lourd ; les dégradés et les contours flous ne peuvent pas être conservés tels quels.
Déposez une image à convertir en SVG
Un fichier JPG, PNG, WebP, GIF ou BMP (jusqu’à 50 Mo). Vous pouvez aussi coller avec Ctrl+V (⌘V sur Mac). Rien n’est envoyé en ligne.
Le nombre maximal de couleurs du SVG. Essayez 2 à 8 pour un logo, 16 ou plus pour une illustration.
Plus la valeur est élevée, plus le tracé suit fidèlement les contours et garde les petites taches, mais le fichier est plus lourd et le calcul plus long. 1 est simple, 5 le plus proche de l’original.
Que fait l’outil ?
Il convertit une image bitmap (PNG, JPG, WebP, GIF ou BMP) en vecteur SVG. Une image bitmap est une grille de pixels qui se pixelise à l’agrandissement ; le SVG enregistre des lignes et des courbes et reste net à toutes les tailles. C’est utile quand le fichier d’origine d’un logo est perdu et qu’il ne reste qu’un petit PNG, quand il vous faut une icône pour un site, ou un vecteur pour la découpe laser, la broderie ou des autocollants.
Connaissez d’abord les limites. L’image est réduite à une poignée de couleurs et le contour de chaque zone de couleur est tracé : les dégradés, les contours flous et la texture photographique ne peuvent donc pas être conservés tels quels. Plus le visuel est en aplats, plus le résultat est propre.
Mode d’emploi
- Déposez une image ou cliquez sur Choisir une image. Le collage avec Ctrl+V fonctionne aussi.
- Réglez les Couleurs : 2 pour un logo noir et blanc, 4 à 8 pour un logo à quelques couleurs, 16 ou plus pour une illustration.
- Choisissez le Détail, de 1 à 5. Plus la valeur est élevée, plus le tracé suit fidèlement les contours.
- Comparez l’aperçu avec l’original, puis cliquez sur Enregistrer le SVG ou copiez le code.
Fonctionnement
- Réduction des couleurs : chaque pixel est attribué à des couleurs de palette échantillonnées, affinées en trois passes. La même image avec les mêmes réglages donne toujours le même SVG.
- Vectorisation : les bords des zones de couleur sont approchés par des segments et des courbes quadratiques. Le détail 1 tolère 4 px d’écart et supprime les formes de moins de 32 points de contour ; le détail 5 suit à 0,25 px près et garde les petites taches.
- Taille d’analyse : pour aller vite, le grand côté est réduit à 300 px au détail 1, 700 px au détail 3 et 1400 px au détail 5, puis les coordonnées sont ramenées à la taille d’origine.
- Nettoyage : les formes de couleurs entièrement transparentes sont supprimées, et la largeur, la hauteur d’origine et une viewBox sont définies.
- La vectorisation utilise imagetracerjs (domaine public).
Exemples
| Original | Réglages | Résultat |
|---|---|---|
| Logo lettrage noir en PNG, 800×300 | 2 couleurs, détail 3 | Lettrage noir sur blanc, fichier léger |
| Icône quatre couleurs en PNG, 512×512 | 4 couleurs, détail 4 | 4 couleurs, courbes lisses |
| Photo de paysage en JPG, 4000×3000 | 16 couleurs, détail 2 | Effet affiche, fichier bien plus lourd qu’un logo |
Pour repasser d’un vecteur à un PNG, utilisez SVG en PNG ; pour un jeu d’icônes de site, essayez le générateur de favicon.
Questions fréquentes
Puis-je convertir une photo en SVG ?
Oui, mais elle se résume à quelques aplats de couleur, comme une affiche, et un détail élevé peut faire grimper le fichier à plusieurs mégaoctets. Mieux vaut garder les photos en JPG ou WebP ; cet outil convient aux logos, icônes, lettrages et dessins simples.
Le résultat est plein de petites taches.
Baissez le détail pour éliminer les petites taches, et le nombre de couleurs pour fusionner les teintes proches. Si l’original est un JPG bruité, 2 à 8 couleurs aident généralement le plus.
Un fond transparent est-il conservé ?
Oui. Les zones entièrement transparentes ne produisent aucune forme et restent donc vides dans le SVG. Les zones semi-transparentes reçoivent l’opacité de la couleur.
Quelle est la taille du SVG enregistré ?
Il reprend la largeur et la hauteur en pixels de l’image d’origine, avec une viewBox : il se redimensionne donc proprement à toute taille, sur le Web comme dans un logiciel de design.
Mon image est-elle envoyée en ligne ?
Non. L’analyse et la vectorisation se font toutes deux dans votre navigateur.
