Comment convertir un logo en SVG

La réponse courte

Déposez votre logo dans l'outil ci-dessous. Le préréglage Logo le réduit à ses couleurs principales et trace chaque zone de couleur en contours lisses. L'original et le SVG s'affichent côte à côte ; zoomez sur les deux pour vérifier les courbes, puis cliquez sur Télécharger le SVG.

Si le logo est posé sur un rectangle blanc ou d'une seule couleur, cochez Supprimer le fond. Le fond qui touche les bords de l'image devient transparent, tandis que la même couleur à l'intérieur du logo, par exemple le trou d'un O, reste remplie. Si vous n'avez qu'un JPG, aucun problème : l'outil nettoie le bruit du JPG sur les bords.

Ce qui change quand un logo devient SVG

Un PNG ou un JPG est une grille de petits carrés de couleur. Il rend bien à sa propre taille, mais agrandi pour une bâche, un covering de véhicule ou une grande impression, ses bords deviennent flous ou en escalier. Un SVG enregistre des formes : chaque contour est décrit par des lignes et des courbes et rempli de couleur, il peut donc être affiché net à n'importe quelle taille.

Vectoriser, c'est passer du premier type de fichier au second. L'outil analyse les pixels, décide quelles couleurs vont ensemble, suit le bord de chaque zone et y ajuste des courbes. Le résultat n'est pas une copie du fichier d'origine, c'est un nouveau dessin. C'est pourquoi une image source propre donne un résultat propre.

Quelles images se convertissent bien

Plus la source est propre et unie, meilleur est le SVG. Les logos à quelques couleurs pleines, les icônes, les tampons, le lettrage à la main et les dessins à l'encre scannés deviennent des formes nettes. Les dégradés, les ombres, les textures et les photos n'ont pas de bords francs, l'outil doit donc les découper en bandes de couleur unie.

Choisissez le préréglage qui correspond à l'image. Il fixe des valeurs adaptées de couleurs, de détail et de lissage, que vous pouvez ensuite modifier une par une.

Affiner le résultat

Couleurs fixe le nombre maximal de couleurs du SVG. Pour les logos, les teintes presque identiques sont fusionnées automatiquement : un logo en trois couleurs reste en trois couleurs même si le curseur en autorise davantage. Si une vraie couleur disparaît, par exemple un slogan gris fin qui prend la couleur de la marque principale, augmentez les couleurs.

Détail détermine la taille minimale d'une tache avant qu'elle soit fondue dans son entourage. Augmentez-le quand un petit texte se désagrège ou que le point d'un i disparaît. Baissez-le quand un JPG laisse des mouchetures et des points isolés autour du logo.

Lissage règle à quel point le contour suit les pixels. Une valeur élevée donne des courbes plus rondes et des fichiers plus légers ; une valeur basse garde les angles vifs et les empattements fins. Les angles droits des cadres et des lettres sont détectés et restent nets quel que soit le réglage.

Chaque changement met le SVG à jour en un instant. Sous l'aperçu, vous voyez le poids de l'original à côté de celui du SVG, ainsi que le nombre de couleurs et de formes, pour comparer rapidement les réglages.

Nettoyer un logo JPG ou un scan

Beaucoup de logos n'existent plus qu'en JPG, récupérés sur un ancien site ou dans une signature d'e-mail. La compression JPG laisse de légères taches sur les bords. L'outil fond ces pixels isolés dans la couleur voisine, les contours sortent donc propres. La suppression du fond blanc fonctionne aussi avec un JPG : le JPG ne gère pas la transparence, mais le SVG oui.

Pour une signature photographiée sur papier, un croquis scanné ou un tampon, utilisez le préréglage Dessin. Il sépare l'encre foncée du papier clair même si le papier est un peu gris ou mal éclairé, garde l'encre en une seule forme colorée et supprime toutes les zones blanches, y compris l'intérieur des lettres. Pour de meilleurs bords, scannez à plat en haute résolution ou photographiez bien d'aplomb sous une lumière uniforme.

Les très petites images, comme un favicon de 64 pixels, sont agrandies en interne avant le traçage, ce qui donne des courbes plus douces. Mais un détail absent des pixels ne revient pas. Si le texte ne fait que quelques pixels de haut, cherchez d'abord une copie plus grande du logo.

Vérifier et utiliser le SVG

Utilisez les boutons de zoom au-dessus de l'aperçu, ou maintenez Ctrl en tournant la molette, pour examiner les bords jusqu'à 16 fois. Les deux volets zooment et défilent ensemble, vous regardez donc exactement le même endroit. Faites glisser avec la souris pour vous déplacer. À fort zoom, l'original est affiché avec ses vrais pixels, ce qui rend la différence évidente.

Le SVG téléchargé a la même largeur et la même hauteur que votre image et contient une forme par couleur, sans scripts, liens ni images intégrées. Il s'ouvre dans les navigateurs, Inkscape, Illustrator, Figma, Affinity Designer, Canva et la plupart des logiciels de machines de découpe. Pour changer la couleur du logo, modifiez la valeur de remplissage d'une forme. Copier le code SVG place le code dans le presse-papiers, pratique pour le coller directement dans une page web.

Les lettres deviennent des contours, pas du texte modifiable. Si vous devez changer le texte, retapez-le avec la police d'origine dans votre logiciel de création.

Conseils pour un SVG de logo réussi

• Partez de la version la plus grande et la plus nette du logo que vous trouvez. Une capture d'écran du logo sur un site est souvent meilleure qu'une pièce jointe compressée.
• Demandez d'abord au graphiste le fichier vectoriel d'origine (AI, EPS, PDF ou SVG). Un logo tracé est un bon remplaçant, mais l'original est toujours exact.
• Si possible, retirez les ombres et effets de lueur de la source. Les logos en aplats donnent des formes bien plus propres.
• Vérifiez le SVG sur un fond foncé et sur un fond clair avant de l'envoyer à un imprimeur ou à un fabricant d'enseignes.