Comment ça marche
- Déposez une image PNG, JPG ou WebP.
- Choisissez un préréglage et ajustez couleurs et détail.
- Prévisualisez le vecteur et téléchargez le SVG.
Pourquoi l’utiliser
- Vectorisation en couleur avec le nombre de couleurs choisi.
- Un mode noir et blanc avec seuil réglable.
- Fond transparent en option.
- La vectorisation s’exécute dans un worker en arrière-plan.
Vectoriser un PNG en SVG : ce qui marche et ce qui ne marche pas
Ce que fait la vectorisation
Un PNG est une grille de pixels ; un SVG est un ensemble de formes. La vectorisation repère les zones de même couleur de l’image et trace un contour lisse autour de chacune, si bien que le résultat peut être agrandi à n’importe quelle taille sans devenir pixelisé. C’est ainsi qu’on reconstruit un logo quand on n’en a qu’une image, ou qu’on transforme une signature ou un tampon scanné en traits propres.
Le vectoriseur réduit d’abord l’image à une poignée de couleurs, puis entoure chaque zone de lignes droites et de courbes. Le résultat est donc toujours une version simplifiée de l’original : les aplats restent exacts, tandis que les dégradés, les ombres et les textures deviennent des bandes.
Résultats selon le type d’image
Nous avons vectorisé trois images avec les préréglages prévus pour elles :
| Image | Formes | Poids du SVG | Verdict |
|---|---|---|---|
| Logo, 512 px | 6 | 1,5 Ko | Ressemble à l’original |
| Sceau détaillé, 1024 px | 943 | 401 Ko | Fonctionne, mais les traits fins perdent des détails |
| Photo d’une chouette, 1000 px | 7 039 | 1,8 Mo | Un effet affiche, 14 fois le JPG |
La vectorisation est excellente pour les logos en aplats, les icônes, le dessin au trait et le lettrage, utilisable pour les illustrations, et inadaptée aux photos, qui deviennent de gros fichiers à l’aspect peint. Notre article SVG ou PNG montre la chouette côte à côte.
Choisir le préréglage et les réglages
- Logo ou icône garde 8 couleurs avec des bords nets. Commencez par là pour la plupart des logos.
- Noir et blanc convient aux signatures, tampons, croquis et dessins au trait. Son Seuil décide quels pixels comptent comme de l’encre : plus haut, plus l’image devient noire.
- Illustration garde 24 couleurs et des détails plus fins, pour les dessins à plusieurs nuances.
- Photo garde 32 couleurs et lisse d’abord l’image, pour un effet postérisé assumé.
Couleurs fixe le nombre de couleurs auquel l’image est réduite ; moins de couleurs donne des fichiers plus simples et plus légers. Précision contrôle la taille en dessous de laquelle une tache est écartée ; une faible précision garde des formes franches et retire le bruit des scans. Courbes plus lisses floute légèrement l’image avant la vectorisation, ce qui aide pour les bords crénelés des petites images ou des images compressées. Fond transparent retire la forme blanche qui se trouverait sinon derrière le dessin.
Obtenir une vectorisation propre
- Partez de l’image la plus grande et la plus propre dont vous disposez. Les défauts JPG autour des bords deviennent des formes en trop.
- Recadrez sur le logo d’abord avec recadrer une image, pour que le vectoriseur ne gaspille pas de formes sur du vide.
- Comptez les couleurs de l’original et réglez-en exactement autant, plus une pour le fond.
- Minifiez le résultat avec le minificateur SVG avant de le mettre sur un site.
Les très grandes images sont réduites avant la vectorisation, à environ 1 000 à 1 800 pixels selon le préréglage. C’est suffisant pour un résultat vectoriel, puisque les formes peuvent ensuite être dessinées à n’importe quelle taille.
En cas de problème
- Les bords sont ondulés. Augmentez la précision, ou activez Courbes plus lisses pour les petites images.
- De minuscules taches partout. Baissez la précision, ou nettoyez d’abord le scan.
- Les couleurs sont un peu décalées. Le vectoriseur fait la moyenne de chaque zone. Réglez ensuite les couleurs exactes dans un éditeur vectoriel ; avec peu de formes, cela prend une minute.
- Le SVG est énorme. L’image a trop de détails pour la vectorisation, comme les photos. Gardez-la en JPG, WebP ou PNG.
Notre méthode de test. Trois images : le logo de Tooloat à 512 pixels, le Grand Sceau des États-Unis à 1024 pixels et une photo CC0 de chouette à 1000 pixels, vectorisés avec le préréglage correspondant de cet outil dans Chrome.
Façons courantes d’utiliser cet outil
Questions et réponses
Quelles images se vectorisent le mieux ?
Les logos, icônes, dessins au trait et illustrations aplaties avec peu de couleurs. Les photographies donnent un aspect posterisé plutôt qu’une copie fidèle.
Puis-je modifier le SVG ensuite ?
Oui. La sortie est faite de tracés SVG standards qui s’ouvrent dans Illustrator, Inkscape, Figma et des outils semblables.
Mon image est-elle envoyée ?
Non. La vectorisation se fait dans votre navigateur.
Guides associés
SVG ou PNG : que choisir pour les logos, icônes et illustrations
Le SVG stocke des formes et le PNG des pixels, et c’est ce qui décide lequel convient. Nous avons comparé cinq SVG de complexité très différente à des copies PNG de quatre tailles, et vectorisé un logo, un sceau et une photo.