SVG ou PNG pour les logos : quel format utiliser (et quand)

Quelle est la différence entre SVG et PNG ?

La différence est vecteur vs raster. Un SVG (Scalable Vector Graphics) décrit un logo comme des formes — points, courbes et remplissages — définies par des mathématiques. Il est redessiné à la taille où il apparaît, il reste donc net partout. Étant du code, il est aussi minuscule pour la géométrie propre de la plupart des logos, souvent quelques kilo-octets à peine.

Un PNG (Portable Network Graphics) est une image raster : une grille fixe de pixels d'une largeur et d'une hauteur données. Il prend en charge la transparence, un logo se pose donc proprement sur toute couleur — mais affiché plus grand qu'à l'export, les pixels s'étirent et les bords s'adoucissent.

Quand utiliser le SVG ?

Faites du SVG votre fichier master et votre choix par défaut pour tout ce qui est à l'écran :

• Sites et applications web — le logo dans l'en-tête, le pied de page et le hero. Les navigateurs modernes affichent le SVG parfaitement net sur tout écran, y compris retina et 4K.
• Partout où le logo doit s'adapter à l'échelle — mises en page responsives et écrans haute densité.
• Comme source unique d'où vous exportez tout le reste.
• Les favicons, puisque les navigateurs modernes acceptent une favicon SVG.

Quand utiliser le PNG ?

Utilisez le PNG quand vous avez besoin d'un raster à taille fixe ou d'un endroit qui n'accepte pas le SVG :

• Photos de profil et images de couverture sociales — la plupart des plateformes n'acceptent que des téléversements raster, exportez donc un PNG carré à la taille recommandée par chacune.
• Certains clients de messagerie et outils de signature qui n'affichent pas le SVG de façon fiable.
• Documents, présentations et places de marché qui n'acceptent que des images raster.
• Aperçus rapides et vignettes.

SVG vs PNG en un coup d'œil

Et EPS, PDF, AI — et JPG ?

Le SVG et le PNG couvrent le web, mais un pack de logo complet inclut généralement quelques autres formats :

• PDF — un format vectoriel que presque tous les imprimeurs et outils bureautiques acceptent. C'est le fichier le plus sûr à remettre à une imprimerie.
• EPS — un format vectoriel plus ancien que certains imprimeurs demandent encore. Traitez-le comme un export de compatibilité d'impression, pas quelque chose que vous utilisez au quotidien.
• AI (Adobe Illustrator) — un fichier de travail/source. Si un designer a créé votre logo, gardez l'AI (ou le SVG) archivé comme l'original éditable.
• JPG — à éviter pour les logos. Le JPG n'a pas de transparence, il force donc une boîte de fond autour du signe, et sa compression est destructive, ce qui bave les bords nets. Il est fait pour les photos, pas les logos.

Peut-on reconvertir un PNG en SVG ?

Pas proprement. Convertir un PNG en SVG signifie vectoriser les pixels en formes, ce qui correspond rarement à l'original et produit souvent des tracés brouillons. Si vous avez le SVG, partez toujours de là. Si tout ce que vous avez est un PNG basse résolution, il vaut généralement mieux reconstruire le signe en vecteur que de l'auto-vectoriser.

Et les favicons et icônes d'application ?

Une favicon n'est qu'une très petite version de votre logo, exportez-la donc depuis le SVG : une favicon SVG pour les navigateurs modernes, plus de petits PNG (par exemple 32×32 et une icône Apple touch de 180×180) pour une large compatibilité. La même règle s'applique aux icônes d'application — générez les tailles demandées par chaque plateforme depuis le master vectoriel. Voyez comment créer une favicon à partir de votre logo.

La réponse courte

Concevez et stockez votre logo en SVG, utilisez-le sur le web, exportez du PNG pour les emplacements raster à taille fixe, remettez aux imprimeurs un PDF ou EPS, et laissez totalement de côté le JPG. Gardez le master vectoriel et vous pourrez produire n'importe quelle taille ou format plus tard sans perdre en qualité.

Créez un logo et exportez SVG, PNG et favicon

Questions fréquentes

Le SVG est-il meilleur que le PNG pour les logos ?

Pour un logo, généralement oui : le SVG est un vecteur, il reste donc net à toute taille et est minuscule pour les signes simples. Le PNG reste utile pour les emplacements raster à taille fixe comme les avatars sociaux et les outils qui ne lisent pas le SVG.

Un logo SVG perd-il en qualité quand on l'agrandit ?

Non. Le SVG décrit les formes avec des mathématiques, il se redessine donc nettement à toute taille — d'une favicon à un panneau publicitaire — sans jamais devenir flou ou pixelisé.

Pourquoi mon logo PNG est-il flou ?

Un PNG a une taille de pixels fixe. L'afficher plus grand qu'à l'export, ou sur un écran haute densité, étire ces pixels et adoucit les bords. Exportez un PNG plus grand, ou utilisez le SVG.

Dois-je utiliser le JPG pour un logo ?

Non. Le JPG n'a pas de transparence (il ajoute donc une boîte de fond) et est destructif, ce qui bave les bords nets d'un signe. Utilisez le SVG ou le PNG pour les logos, jamais le JPG.

Quel format donner à un imprimeur ?

Un fichier vectoriel — généralement un PDF ou EPS exporté depuis votre logo — pour que l'imprimeur puisse le mettre à n'importe quelle échelle proprement. Gardez le SVG comme le master d'où vous les générez.