Aller au contenu principal
ToolsByUs

Vectoriseur SVG

Transformez des logos et des images aux couleurs unies en tracés SVG éditables. Réglez la palette, la simplification, les angles et la transparence ; la vectorisation s’exécute dans un worker local du navigateur. Votre image n’est pas envoyée à un serveur.

100 % local

Déposez une image ici

ou n’importe où sur la page · Choisir un fichier · 100 Mo

Acceptés : JPG, JPEG, PNG, WebP, AVIF, HEIC, HEIF, GIF, BMP

L’image est décodée, vectorisée et dessinée dans cet onglet. Cet outil n’a pas de serveur : rien à nettoyer, aucune politique de conservation à lire.

Comment fonctionne Vectoriseur SVG ?

Ce vectoriseur utilise son propre algorithme local. Il réduit d’abord l’image à un maximum de 900 pixels sur son côté le plus long, puis regroupe les couleurs dans une palette de 2 à 8 teintes. Les pixels entièrement transparents sont toujours exclus.

Il repère ensuite les frontières de chaque région de couleur et relie les bords en contours fermés. Les contours d’une même couleur sont combinés avec `fill-rule="evenodd"` pour conserver les trous intérieurs.

La simplification réduit le nombre de points et le seuil d’angle règle l’arrondi. Modifier ces réglages recalcule le résultat dans un worker local. Inverser l’ordre des couches change leur ordre de peinture sans inverser les couleurs.

Les logos nets et les illustrations aux couleurs unies sont plus faciles à éditer que les photographies. Une image très détaillée peut atteindre les limites de complexité ; réduisez sa taille, sa palette ou ses détails si le résultat ne peut pas être généré.

Image d’origine et paramètres de vectorisation

logo.png · 1200 × 400
Couleurs 2
Simplification 1.2px
Seuil d'angle 60°

SVG généré

<svg xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 900 300" width="900" height="300">
  <path fill="#1b1b1f" fill-rule="evenodd" d="M10 10H890V290H10ZM100 100V200H800V100Z"/>
</svg>

Quelles options et quels cas limites Vectoriseur SVG prend en charge ?

Référence technique et options
ParamètreTypeValeur par défautComportement et cas limites
Couleurs2–82Règle la taille de la palette ; moins de couleurs produisent généralement un SVG plus simple.
Simplificationpixels1.2Règle la tolérance lors de la réduction des points du contour ; des valeurs plus élevées conservent moins de détails.
Seuil d’angledegrés60°Détermine quels changements de direction restent des angles et lesquels sont adoucis par des courbes.
Seuil alpha0–2558Exclut les pixels sous le seuil. Les pixels avec un alpha nul ne sont jamais vectorisés, même avec un seuil à zéro.
Inverser l’ordre des couchesinterrupteurdésactivéInverse l’ordre de peinture des couleurs sans modifier leurs valeurs.
Taille de travail900 pxlimitéeRéduit le côté le plus long à 900 pixels au maximum avant la vectorisation ; le SVG utilise ces dimensions.

Questions fréquentes

Comment convertir un logo PNG en SVG ?

Choisissez une image nette et commencez avec une petite palette. Le résultat est recalculé lorsque vous changez les réglages. Réduisez la simplification pour conserver des détails ou augmentez-la pour obtenir moins de nœuds.

Pourquoi une photographie se vectorise-t-elle mal ?

Les dégradés et les textures deviennent des régions de couleur qui peuvent créer de nombreux contours. Cet outil convient surtout aux logos, aux icônes et aux illustrations aux couleurs unies. Utilisez une source plus nette ou réduisez sa palette.

Puis-je éditer le SVG dans une application de design ?

Oui. La sortie contient des tracés vectoriels remplis, sans image matricielle intégrée. Sa facilité d’édition dépend du nombre de nœuds et des détails de l’image d’origine.

Que deviennent les pixels transparents ?

Les pixels entièrement transparents sont toujours exclus. Le seuil alpha permet aussi d’exclure des pixels partiellement transparents. Un seuil à zéro inclut les pixels ayant une certaine opacité, mais jamais ceux dont l’alpha est nul.

Mon image est-elle envoyée à un serveur ?

Non. L’image est décodée et réduite dans le navigateur ; un worker local génère les contours. Le traitement n’envoie pas le contenu du fichier à un serveur.

Pourquoi le SVG est-il si volumineux ?

Une palette large ou une image détaillée produit davantage de régions et de nœuds. Réduisez les couleurs ou augmentez la simplification. Si la limite de complexité est atteinte, utilisez une source plus petite ou plus simple.

Équipe ToolsByUs · Comment nous vérifions nos outils