Un SVG aux bords rugueux après conversion doit le plus souvent à l'image source, pas à l'étape de conversion. La vectorisation redécrit en chemins les contours déjà présents dans le bitmap : des bords propres dans l'original donnent aux chemins une base propre ; une image marquée d'un liseré de compression, une courbe réduite à deux ou trois pixels de large ou une grande zone d'ombre, et ces défauts sont fidèlement tracés dans le résultat. Identifier d'abord de quel type de défaut d'image source il s'agit, puis préparer l'entrée dans l'ordre avant de reconvertir est bien plus efficace que de cliquer Réessayer en boucle.
Ouvrez Image vers vecteur sans se précipiter sur un autre outil : parcourez avec la même image la séquence de diagnostic ci-dessous ; la plupart des problèmes de bords évoluent dès que l'entrée change. Les étapes complètes — premier import, conversion, téléchargement — sont démontrées pas à pas dans « Convertir PNG et JPG en SVG : tutoriel complet de vectorisation d'image » ; ici, nous partons directement du problème des bords.
Points clés
- Bruit de compression, contours basse résolution, ombres complexes : ces trois défauts d'image source sont fidèlement tracés dans les chemins du SVG ; la conversion ne restitue pas une information absente de l'original.
- Distinguez d'abord « manque d'information dans l'image source » et « erreur de tracé des chemins » : le premier exige une image plus nette, le second se règle en préparant l'entrée ou en nettoyant les nœuds.
- À chaque nouvel essai, ne modifiez qu'une variable : changer l'image, retirer le fond, simplifier les couleurs se font séparément, pour attribuer chaque progrès à une action précise.
- L'outil actuel accepte PNG, JPG et WebP, avec largeur et hauteur d'au moins 256 pixels ; les niveaux 1×, 2× et 4× du panneau de résultats servent de référence commune pour contrôler le même bord.
D'abord, déterminer si le problème vient de l'image source ou du résultat
Ouvrez le SVG à 4× dans le panneau de résultats, repérez le bord le plus rugueux, puis revenez à l'image source et agrandissez la même zone à un facteur proche pour comparer. Trois défauts typiques ont chacun leur signature :
Bruit de compression. L'image a été enregistrée plusieurs fois ou retransmise par une messagerie : un liseré de couleurs parasites entoure le contour du sujet. Après conversion, le bord se couvre de petits chemins fragmentaires et de franges ; le défaut se concentre sur le pourtour extérieur du contour.
Contours basse résolution. L'image est en faible résolution : courbes et angles ne disposent que de très peu de pixels. Après conversion, les arcs montent en escalier et les angles s'émoussent ; le défaut se concentre aux virages des courbes.
Ombres complexes. L'image comporte des dégradés doux ou des ombres portées, aux transitions sans frontière nette. Après conversion, tout se décompose en multiples couches de plages quasi identiques ; le défaut se concentre dans les zones de transition, et les couleurs ne correspondent plus à celles de la marque.
Une fois la comparaison faite, classez le cas : elle décide de la suite. Si l'image source, agrandie, montre elle-même des bords frangés, cassés ou bruités, c'est un manque d'information — préparer l'entrée ou trouver une version plus nette est la seule voie sensée ; si l'image agrandie est propre mais que le SVG accumule nœuds, escaliers et chemins fragmentaires, c'est une erreur de tracé des chemins — un nouvel essai ou un nettoyage de nœuds peut suffire. Sans cette étape, en convertissant encore et encore, les deux types de problèmes se mélangent.
Retirer les fonds qui polluent les contours
Le fond est la source la plus fréquente de chemins superflus. Séparez le sujet du fond avant de convertir : le nombre de chemins et la propreté des bords changent nettement.
Fond uni : le cas le plus simple. Rognez d'abord les marges excédentaires pour que le sujet remplisse le cadre ; supprimez ensuite la couleur de fond et enregistrez en PNG à fond transparent. Rogner les marges est l'amélioration d'entrée la moins coûteuse : dans la même image, le contour du sujet occupe davantage de pixels. Veillez à ce que largeur et hauteur rognées restent d'au moins 256 pixels : trop petit, le fichier échoue au contrôle d'import.
Fond complexe (motifs, dégradés, photographie réelle) : le sujet doit être isolé d'abord, sinon le motif du fond est tracé en chemins avec le graphisme et les bords du résultat se couvrent de débris d'arrière-plan. Pour une séparation automatique, passez d'abord par l'outil Suppression d'arrière-plan de logo, puis importez l'image à fond transparent obtenue pour la conversion ; les opérations de détourage complètes sont décrites dans le tutoriel dédié, nous ne les répétons pas.
Autre point à savoir sur la suppression de fond : l'outil de séparation sort un bitmap ; il extrait le sujet du fond, il n'augmente pas la netteté du sujet lui-même. Un sujet déjà flou dans l'original reste flou une fois détouré — revenez à la section précédente pour trancher s'il s'agit d'un manque d'information.
Traiter petits textes, traits fins et dégradés
Ces trois familles d'éléments sont les plus fragiles à la conversion ; l'ordre de traitement est fixe : d'abord chercher une version plus nette, ensuite séparer texte et graphisme, enfin simplifier les ombres.
Chercher d'abord une version plus nette. En basse résolution, les traits des petits caractères fusionnent et les contreformes (le creux d'un O par exemple) tiennent en un ou deux pixels : aucune conversion ne réinvente ces détails. Bannière du site officiel, carte de visite, supports promotionnels, charte graphique : une version plus grande s'y cache souvent — dès qu'elle est trouvée, utilisez-la en priorité. Même logique pour les traits fins : une ligne capillaire cassée en basse résolution sort en chemins interrompus.
Séparer texte et graphisme. Quand caractères et graphisme se partagent une petite image, découpez séparément la zone de texte et la zone de graphisme, convertissez-les, puis réalignez et réassemblez dans un logiciel de design. Chacun profite d'une plus grande part du cadre — plus fiable qu'une conversion forcée de la petite image entière.
Simplifier les ombres. Dégradés doux et ombres portées se décomposent en couches de plages de couleur. Si la charte de la marque le permet, supprimez d'abord l'ombre portée et remplacez le dégradé par la teinte principale unie avant de convertir ; si le dégradé fait partie de l'identité de marque, acceptez l'approximation par plages ou laissez cette zone en bitmap.
Un fait à garder en tête sur le texte : dans le résultat, les caractères sont des chemins de contour, pas du texte de police éditable ; la conversion ne les restitue pas dans la police d'origine. Sans le fichier de police original, n'attendez d'aucune conversion qu'elle « rétablisse » les lettres, et ne devinez pas une police ressemblante pour en faire la police de marque ; pour changer un libellé, recomposez-le dans un logiciel de design avec une police validée.
Relancer en ne modifiant qu'une variable à la fois
Une fois plusieurs entrées préparées, ne les substituez pas toutes d'un coup : une seule variable par essai, pour attribuer chaque progrès à une action précise.
Trois constantes dans la pratique :
- Des entrées par tours. Premier tour : conversion directe de l'original, comme référence ; deuxième tour : remplacement uniquement par la version sans fond ; troisième tour : remplacement uniquement par la version à couleurs simplifiées ou plus nette. À chaque changement d'entrée, cliquez sur le bouton de suppression en haut à droite de l'aperçu, importez le nouveau fichier, puis convertissez.
- Un contrôle constant. À chaque tour, examinez le même bord le plus rugueux, à la même échelle : les niveaux 1×, 2× et 4× du panneau de résultats offrent une base commune toute prête.
- Des résultats archivés. Enregistrez les trois SVG sous des noms distincts — logo-original.svg, logo-sans-fond.svg, logo-simplifie.svg — et comparez les bords côte à côte.
Si deux tours ne montrent aucune différence visible, le problème ne vient pas de cette entrée : retournez à la première section pour reclasser ; s'il y a une différence, poursuivez dans cette direction au lieu d'empiler toutes les modifications d'un coup. Pour relancer un essai sur la même entrée, cliquez sur « Revectoriser » sous le résultat pour effacer le résultat courant et soumettre à nouveau.
Décider : conserver la conversion ou redessiner à la main
Arrivé à un certain tour, il ne reste qu'une décision : ce SVG suffit-il, ou vaut-il mieux redessiner à la main ?
Garder la conversion quand le graphisme est fait de plages nettes et de courbes régulières, avec peu de petits textes et de traits fins, pour un usage web, icône d'interface ou support de taille moyenne. Si à 4× les bords sont propres, les découpes intactes et le plus petit texte lisible, arrêtez-vous : inutile de viser le minimum de chemins.
Redessiner à la main quand les petits textes abondent, les traits capillaires dominent, le dégradé est au cœur de l'identité, ou pour un usage en grande impression et enseigne, où chaque escalier et chaque rupture deviennent visibles à l'œil nu. Retracer dans un logiciel d'édition vectorielle les contours clés d'après l'original coûte alors généralement moins de temps que d'innombrables essais.
Quand le résultat est presque utilisable, avec seulement quelques franges éparses, importez le SVG dans un logiciel d'édition vectorielle pour nettoyer les nœuds : supprimer les nœuds superflus, fusionner les chemins fragmentaires, régulariser les angles arrondis. C'est la finition qui vient après les essais ; elle se fait dans un logiciel externe, l'outil de vectorisation n'offre pas d'édition de nœuds.
Le critère suit toujours l'usage : plus la taille d'affichage réelle est petite, plus la tolérance à la précision des chemins est grande ; plus l'agrandissement prévu est important, plus il vaut la peine de chercher dès le départ la meilleure image source.
Questions fréquentes
Agrandir l'image avant de la convertir en SVG aide-t-il ?
Peu. L'agrandissement augmente le nombre de pixels, mais les pixels interpolés ne font qu'étirer les contours existants : l'information de bord n'augmente pas, et le bruit grossit en même temps. C'est utile pour faire franchir à une petite image le seuil des 256 pixels ; pour des bords réellement propres, cherchez en priorité une version originale de plus haute résolution.
Pourquoi un logo de type photo génère-t-il tant de chemins ?
Photos et dégradés continus n'ont pas de frontières nettes entre plages : le tracé ne peut approcher les transitions qu'avec une multitude de petites plages, le nombre de chemins explose avec les détails, le fichier devient lourd et difficile à éditer. Ces contenus se prêtent mieux à un bitmap haute résolution ; si une version vectorielle est vraiment nécessaire, simplifiez d'abord en plages nettes ou ne vectorisez que la partie graphique emblématique. Quels contenus méritent la conversion et lesquels restent en bitmap : « Logo en PNG ou en SVG : que choisir pour le site, l'affiche et l'impression » propose un tableau de choix par scénario.
Comment savoir si la conversion suffit pour la tâche en cours ?
Contrôlez à la taille d'usage finale. À 4× dans le panneau de résultats, examinez quatre points — courbes, découpes, traits fins, petits textes — puis revenez à 1× pour juger si les plages de couleur sont acceptables. Pour le web et les interfaces, mesurez la netteté à la taille d'affichage réelle ; grande impression et enseignes amplifient tout défaut, le standard monte en conséquence. Si le même bord s'est visiblement amélioré entre deux tours, le tour courant suffit.
Préparer l'image source et relancer une conversion
Commencez par le bord le plus rugueux : classez le problème, préparez une nouvelle entrée avec la méthode correspondante, puis ouvrez Image vers vecteur et relancez la conversion avec le nouveau fichier. Terminé, revenez au même bord, à la même échelle : l'amélioration visible obtenue, passez au bord suivant.
