Vectorisation de logo bitmap : Principes et limites d'applicabilité de la conversion PNG/JPG en SVG

Pour la vectorisation en mode couches de couleur de VTracer, la première étape consiste à clusteriser les pixels du bitmap d'entrée par couleur, en regroupant les pixels de même teinte et luminosité dans la même couche de couleur.

Une fois le clustering terminé, le contour de chaque couche de couleur est ajusté en un chemin de Bezier quadratique. Les différentes couches de couleur sont exportées dans un fichier SVG modifiable en respectant l'ordre d'empilement d'origine, préservant la structure en couches du logo original.

La qualité de sortie du traçage vectoriel est fortement corrélée au type de contenu de l'image d'entrée. Les images avec des bords nets, un nombre limité de plages de couleurs et sans dégradés continus peuvent être clusterisées de manière stable en un petit nombre de couches de couleur, ce qui donne des chemins SVG lisses et un nombre de nœuds contrôlable. Ces images incluent les Logos de logiciels, les icônes d'applications, les graphiques de silhouette et le texte noir et blanc.

Les photos et les illustrations avec dégradés ne sont pas adaptées à la vectorisation : les zones de tons continus sont forcément divisées en dizaines de couches de couleur, le SVG généré est plus volumineux que le bitmap d'origine et présente des artefacts de bande de couleur visuellement. Ce type de contenu doit être conservé au format bitmap, et utiliser des outils de redimensionnement ou de compression lors de la réduction de taille, au lieu d'un traçage vectoriel.

Les Logos bitmap obtenus par numérisation ou capture d'écran comportent souvent de petites îlots de pixels de bruit isolés. Ces îlots génèrent des chemins minuscules supplémentaires après vectorisation.

Le paramètre filterSpeckle filtre le bruit via un seuil de surface en pixels. Une valeur plus élevée correspond à un seuil de surface plus grand pour les petits îlots filtrés, ce qui entraîne moins de chemins redondants dans le SVG de sortie et une taille de fichier plus petite.

L'agrandissement direct de bitmap repose sur des algorithmes d'interpolation, qui génèrent de nouveaux pixels par calcul à partir des pixels existants. Lorsque le grossissement dépasse 3 fois, les bords deviennent flous ou crénelés, ce qui ne répond pas aux exigences de sortie pour l'impression.

Le SVG obtenu par vectorisation stocke les coordonnées des chemins Bezier. Peu importe le facteur de grossissement, les bords des chemins restent uniformément lisses. La description du chemin peut être analysée directement par les équipements d'impression, et la précision de sortie répond aux exigences d'impression.

Dans la version de bureau de Figma 2023 et ultérieure, il suffit de glisser-déposer le fichier SVG de sortie sur le canevas, de faire un clic droit et de sélectionner Dissocier pour séparer les différentes couches de couleur, et de modifier la couleur et la forme de chaque chemin individuellement.

Dans Adobe Illustrator CS6 et les versions ultérieures, ouvrez directement le fichier SVG de sortie. Vous pouvez visualiser les couches de couleur séparées dans le panneau des calques, et sélectionner le chemin correspondant pour ajuster les propriétés de trait ou de remplissage.