Guides design

Comment recréer un logo vectoriel agrandissable à partir d'un simple PNG

Vous ne disposez que d'un logo au format PNG ou JPG et devez l'agrandir pour l'impression ou le modifier ? Découvrez la préparation des fichiers, la différence entre redessin et vectorisation automatique, les variables de prix et les points de vérification à la livraison.

Scène illustrative

Première étape : pourquoi un PNG ne peut pas être simplement agrandi

Les formats PNG et JPG sont des images pixelisées : l'image est composée d'un nombre fixe de pixels carrés. Si on l'agrandit au-delà de sa taille d'origine, le logiciel ne peut que interpoler pour ajouter des pixels, ce qui rend les bords flous, crénelés et les transitions de couleurs imprécises. Cela n'a rien à voir avec la présence d'un fond transparent : la transparence gère le fond, pas la résolution.

Un fichier vectoriel (formats courants : AI, EPS, SVG, PDF) décrit les formes et les courbes par des tracés mathématiques. Il reste net à n'importe quelle taille et permet de modifier facilement les couleurs, les polices et les espacements. Donc, « comment transformer un PNG en vectoriel » revient à reconvertir des informations de pixels en informations de tracés, et non à une simple conversion de format en un clic.

Deux vérifications avant de commencer

1. Le logo dispose-t-il encore de son fichier original ?

Commencez par chercher en interne : le designer qui a créé le logo, l'imprimeur qui a réalisé les cartes de visite, le fabricant qui a produit l'enseigne ou le panneau, peuvent tous avoir conservé les fichiers sources. Les fichiers vectoriels originaux comprennent généralement les extensions .ai, .eps, .svg, .pdf. Certains designers fournissent aussi les fichiers de polices ou le nom des polices utilisées. Retrouver le fichier source coûte et risque bien moins que de tout redessiner.

Si vous ne trouvez qu'une image haute résolution de grande taille, conservez-la : elle reste plus proche du design original qu'un redessin et pourra servir de référence pour comparaison.

2. Quel est l'usage prévu de cette vectorisation ?

L'usage détermine directement le niveau de précision requis :

  • Pour le web ou des présentations PowerPoint uniquement : la précision des tracés importe peu, il suffit que les bords soient nets et les couleurs correctes.
  • Pour des supports imprimés (cartes de visite, brochures, packaging, roll-ups) : de vrais tracés vectoriels sont nécessaires, et il faut tenir compte des couleurs Pantone, du fond perdu et des écarts d'impression. Les exigences doivent être confirmées avec l'imprimeur.
  • Pour l'impression grand format (panneaux, enseignes, habillage de véhicules) : la fluidité des courbes et la fidélité de reproduction sont primordiales, car l'agrandissement d'une image bitmap devient très visible.
  • Pour des modifications ultérieures (texte, couleurs, versions multilingues) : il faut un fichier source modifiable et en calques, et non une image vectorielle fusionnée.

Trois approches possibles

Approche 1 : la vectorisation automatique

Des outils comme « Image Trace » d'Illustrator ou « Trace Bitmap » d'Inkscape permettent de convertir les contours d'une image bitmap en tracés. Ils conviennent aux logos simples, avec peu de couleurs et des bords nets, comme les formes géométriques unies ou les logotypes monochromes.

Mais leurs limites sont évidentes : les dégradés, les ombres, les semi-transparences, les traits fins et les bords anti-aliasés génèrent souvent de nombreux petits nœuds parasites, des bords crénelés et des blocs de couleur superflus, qu'il faut nettoyer manuellement. L'utilisabilité du résultat dépend de la qualité de l'image source et de la complexité du graphique : tous les logos ne s'y prêtent pas.

Approche 2 : le redessin manuel

On agrandit le PNG comme image de fond, puis on redessine les contours à la plume (outil Plume). Les formes sont redessinées, et pour le texte, on cherche la police d'origine pour la ressaisir ; si elle est introuvable, on dessine les contours des lettres. C'est la méthode la plus contrôlable et la plus propre, couramment utilisée pour les usages professionnels.

Points d'attention lors du redessin :

  • Vérifier d'abord les proportions et les marges d'origine, ne pas se fier à une estimation visuelle à partir d'une capture d'écran.
  • Pour les arrondis, les symétries et les espacements réguliers, utiliser les outils d'alignement et les repères pour corriger, afin d'éviter les asymétries.
  • Ne pas prélever une couleur à la pipette sur un pixel de bord anti-aliasé : la couleur est polluée par le fond. Prélever plutôt une couleur au cœur d'une zone unie, ou se référer aux valeurs de la charte graphique.
  • Si la police d'origine est une police commerciale, le redessin ne dispense pas de vérifier les droits d'utilisation. Vectoriser les contours ne contourne pas le droit d'auteur des polices.

Approche 3 : la reconstruction selon la charte graphique

Si la marque dispose d'un manuel de charte graphique (VI) ou de spécifications, on y trouve généralement les couleurs standard, les polices, la taille minimale d'utilisation et les règles de marges. Reconstruire selon ces spécifications est la solution la plus fiable. Même sans manuel, c'est l'occasion de fixer les couleurs, les polices et les marges de sécurité, et de créer une fiche d'utilisation simple pour éviter que chaque nouveau support n'utilise une version différente du logo.

Quels éléments préparer

  • Les fichiers PNG/JPG existants, de préférence la version la plus haute résolution et la moins compressée. Éviter les images compressées après un envoi via une messagerie.
  • Toutes les versions du logo : horizontal, vertical, symbole seul, avec baseline, etc.
  • La version en négatif (version blanche pour fond sombre) si elle existe.
  • Les valeurs de couleurs de la marque si vous les connaissez (HEX, RVB, CMJN ou Pantone).
  • Le nom de la police, ou le fichier de police utilisé à l'origine.
  • L'usage prévu : principalement impression ou écran, et la taille maximale d'agrandissement.
  • Si vous avez déjà un manuel de charte, des cartes de visite, des brochures, etc., les fournir comme référence de style.

Les facteurs qui déterminent le coût

La vectorisation d'un logo n'a pas de tarif unique. Les écarts de prix proviennent principalement des éléments suivants. Il est conseillé de les préciser un par un lors de la demande de devis pour obtenir une estimation adaptée :

  • Complexité du graphique : une forme simple unie et un graphique avec dégradés, ombres et détails multicolores représentent des charges de travail très différentes.
  • Nécessité de retrouver la police ou de dessiner les lettres : ressaisir le texte avec la police d'origine est plus rapide que de dessiner chaque lettre.
  • Nombre de versions à livrer : horizontal, vertical, monochrome, négatif, icône… chaque version supplémentaire ajoute du travail.
  • Besoin d'une charte graphique : la vectorisation seule et la production d'une fiche d'utilisation avec couleurs, polices et marges sont deux prestations distinctes.
  • Exigences d'usage : un usage écran et un usage impression, Pantone ou grand format n'ont pas les mêmes standards de précision.
  • Nombre de retouches : il est recommandé de convenir à l'avance du nombre de retouches incluses et du tarif au-delà.

Si vous avez également des cartes de visite, des brochures ou d'autres supports à traiter, vous pouvez intégrer la vectorisation du logo dans une demande globale. Notre page services de design graphique présente les prestations associées. Le devis précis reste à confirmer selon le besoin réel.

Que vérifier à la livraison

À réception des fichiers, distinguez d'abord les fichiers finaux des fichiers sources modifiables : les fichiers finaux (PNG, JPG, PDF exportés) ne servent qu'à la visualisation et à l'utilisation, ils ne sont pas modifiables ; les fichiers sources modifiables (AI, EPS, SVG) permettent d'ajuster les tracés, les couleurs et le texte. Précisez clairement le type de fichier souhaité lors de la commande.

Il est conseillé de vérifier dans cet ordre :

  • Agrandir le fichier vectoriel à la taille d'utilisation réelle et vérifier que les bords sont nets, les courbes fluides et qu'il n'y a pas de nœuds parasites.
  • Comparer côte à côte avec le PNG d'origine pour s'assurer que les proportions, les espacements et les couleurs sont fidèles.
  • Vérifier si le texte est éditable ou converti en courbes, et se renseigner sur les droits d'utilisation de la police.
  • Confirmer la présence des versions nécessaires : horizontal, vertical, monochrome, négatif, etc.
  • Vérifier le mode colorimétrique : RVB pour l'écran, CMJN pour l'impression. Les couleurs Pantone doivent être précisées séparément.
  • Pour l'impression, faire valider le format, le fond perdu, les polices et les couleurs par l'imprimeur avant de finaliser.

Quelques rappels

La vectorisation est une restauration du logo existant, pas une nouvelle création. Si l'image d'origine est de très basse résolution et que les détails sont déjà flous, le redessin présentera de légères différences avec l'original. Il s'agit d'une question de précision de restauration, à anticiper et à communiquer.

Par ailleurs, si ce logo est destiné à un dépôt de marque, la modification de détails graphiques peut affecter la comparaison avec des marques antérieures. Ce point ne relève pas du design : il est recommandé de consulter un conseil en propriété intellectuelle.

Enfin, après réception des fichiers vectoriels sources, archivez-les soigneusement et désignez un emplacement de stockage unique en interne. Ainsi, lors de la création de nouveaux supports, vous utiliserez directement le fichier source et ne serez plus jamais confronté au cas « nous n'avons qu'un PNG ».

03 /

Du savoir à la pratique

Planifier les contenus
01

Planifier les contenus

Pages adaptatives
02

Pages adaptatives

Gestion continue
03

Gestion continue