Convertisseur d'image en SVG

Transformer une image matricielle en vecteur redimensionnable

Les fichiers PNG et JPG sont composés de pixels : ils deviennent flous ou pixelisés lorsqu'on les agrandit. Un SVG décrit au contraire la même image à l'aide de formes mathématiques, ce qui lui permet de rester parfaitement net à n'importe quelle taille — sur une carte de visite, un panneau d'affichage ou l'écran haute densité d'un smartphone. Ce convertisseur d'image en SVG trace les contours de chaque zone de couleur de votre image et les reconstruit sous forme de tracés vectoriels. Il est idéal pour récupérer un logo lorsque vous ne disposez que d'un petit PNG, transformer un croquis ou une signature numérisés en dessin au trait propre, préparer un visuel pour un traceur de découpe ou un graveur laser, ou créer des icônes légères pour un site web.

La vectorisation s'effectue entièrement dans votre navigateur grâce à la bibliothèque open source imagetracerjs. Votre image n'est jamais envoyée, si bien que les brouillons confidentiels et les créations de vos clients restent sur votre appareil. Les grandes images sont d'abord réduites à la résolution de tracé choisie pour que le traitement reste rapide, puis le SVG obtenu est remis à l'échelle afin de conserver les dimensions d'origine.

Choisir les couleurs, le détail et le lissage

Le curseur couleurs définit le nombre de couleurs unies auxquelles l'image est réduite avant le tracé. Deux couleurs donnent un pochoir noir et blanc bien net, 8 à 16 couleurs conviennent à la plupart des logos et illustrations, et des valeurs plus élevées conservent davantage de nuances au prix d'un fichier plus lourd. Le réglage détail détermine la fidélité avec laquelle les tracés suivent les pixels et la taille minimale d'une forme avant qu'elle soit ignorée : « Low » produit un résultat lisse et compact, « High » conserve les détails fins et les moindres petits points. Le pré-flou atténue le bruit et les artefacts JPEG avant le tracé, ce qui supprime les bords dentelés et les points parasites dans les photos et les numérisations de faible qualité.

Conseils pour un résultat le plus propre possible

Partez de la source la plus grande et la plus nette dont vous disposez et recadrez tout ce qui est inutile. Pour les logos, essayez d'abord peu de couleurs avec un détail « Medium », et n'augmentez ces valeurs que si certaines parties disparaissent. Surveillez le nombre de tracés et la taille du fichier affichés après chaque traitement : une icône simple devrait nécessiter des dizaines ou des centaines de tracés, pas des dizaines de milliers. Le SVG téléchargé comprend un viewBox, il s'adapte donc de façon responsive en HTML et CSS, et il peut être ouvert dans n'importe quel éditeur vectoriel pour recolorer les formes, supprimer le calque d'arrière-plan ou simplifier encore les tracés.