Vectoriser une image en SVG

Comment vectoriser une image en SVG

1. Déposez une image PNG, JPG, WebP ou GIF dans la zone prévue, ou cliquez dessus pour la choisir. L’original s’affiche à gauche.
2. Choisissez un Préréglage : - Logo (aplats, formes nettes) pour les logos, icônes, tampons et illustrations en aplats ; - Détaillé (plus de couleurs et de tracés) pour les dessins avec ombrages ou nombreuses couleurs ; - Postérisé (4 couleurs adoucies) pour un rendu stylisé, façon affiche, à partir d’une photo.
3. Ajustez au besoin le Nombre de couleurs (de 2 à 64) et Ignorer les taches de moins de (px). Le préréglage remplit ces deux champs avec des valeurs adaptées.
4. Choisissez la Taille de travail (plus grand côté). L’image est vectorisée à cette taille ; le SVG, lui, garde les dimensions d’origine.
5. Cliquez sur Vectoriser en SVG. Le résultat apparaît à droite avec son poids, le nombre de tracés et de couleurs, et la durée du calcul.
6. Cliquez sur Télécharger le SVG, ou sur Copier le code SVG pour coller le code dans votre HTML ou votre logiciel de dessin.

Comment fonctionne la vectorisation

Cet outil s’appuie sur imagetracerjs, un vectoriseur libre, en trois étapes :

1. Réduction des couleurs : l’image est ramenée au nombre de couleurs choisi. Chaque pixel prend la couleur la plus proche de la palette, affinée en plusieurs passes.
2. Détection des contours : pour chaque couleur, le contour de chaque zone est suivi, trous compris (l’intérieur d’un « O », par exemple).
3. Lissage des tracés : les contours sont simplifiés en segments et en courbes quadratiques, qui deviennent des éléments <path> du SVG.

Les zones plus petites que le seuil Ignorer les taches de moins de (px) sont supprimées, ce qui élimine le bruit et les artefacts JPEG. 0 garde tout ; de 8 à 20 convient bien aux logos ; au-delà, le dessin devient plus propre mais plus simple. Les zones entièrement transparentes sont retirées : un logo détouré reste transparent.

Ce qui donne de bons résultats

La vectorisation réussit le mieux sur des logos et des dessins simples : peu de couleurs en aplat, des bords nets, pas de dégradés. Un croquis scanné, une signature en noir et blanc ou une icône en pixel art donnent d’excellents résultats avec 2 à 8 couleurs.

Pour une photo, c’est une autre histoire. Elle contient des milliers de nuances : une version vectorielle fidèle exigerait beaucoup de couleurs et des dizaines de milliers de tracés, et le SVG pèserait bien plus que le JPEG. Utilisez plutôt Postérisé (4 couleurs adoucies) pour un effet artistique, sans attendre un rendu photographique. Si le SVG devient très lourd, l’outil vous prévient.

Conseils pour un logo propre :

• partez de la version la plus grande et la plus nette dont vous disposez ;
• réglez le Nombre de couleurs sur le nombre réel de couleurs du logo (fond compris) ;
• augmentez le seuil des taches si de petits points apparaissent sur les bords.

Confidentialité et aperçu sécurisé

L’image est vectorisée dans votre navigateur et n’est jamais envoyée. L’aperçu du SVG est affiché comme une simple image depuis une adresse blob privée, sans être inséré dans la page : même un fichier inhabituel ne peut pas exécuter de code.