Un logo en PNG, c'est une photographie du logo — une grille fixe de pixels. Un logo en SVG, ce sont les instructions pour dessiner le logo : « trace une ligne d'ici à là, remplis avec cette couleur, arrondis ce contour ». Le navigateur ou le logiciel recalcule ces tracés à n'importe quelle résolution, en temps réel. C'est pourquoi le SVG est toujours net — quelle que soit la taille.
Comparatif direct
| Caractéristique | SVG | PNG |
|---|---|---|
| Type de format | Vectoriel (instructions XML) | Matriciel (pixels) |
| Mise à l'échelle sans perte | ✅ À l'infini | ❌ Se pixellise à l'agrandissement |
| Transparence | ✅ Totale | ✅ Canal alpha complet |
| Idéal pour les photos | ❌ Non | ❌ Non (préférez JPG/WebP) |
| Idéal pour les logos simples | ✅ Meilleure option | ✅ Fonctionne, mais taille figée |
| Modifiable via CSS/JavaScript | ✅ Couleurs, animations, interactions | ❌ Non |
| Poids du fichier (logo simple) | Très léger (1 à 10 Ko) | Plus lourd (20 à 200 Ko) |
| Accepté sur les réseaux sociaux | ❌ Non (la plupart refusent le SVG) | ✅ Universel |
| Accepté dans les e-mails | ❌ Non | ✅ Oui |
| Accepté par les imprimeurs | ✅ Oui (et privilégié) | ✅ En haute résolution |
| Indexé par Google | ✅ Texte lisible | ❌ Uniquement via l'attribut alt |
Pourquoi le SVG est supérieur pour les logos de site
Un logo en PNG de 200 px de large est net sur un écran Full HD, mais paraît flou sur un écran 4K ou sur une dalle Retina d'iPhone — parce que l'écran tente d'afficher l'image avec plus de pixels qu'elle n'en contient. Pour couvrir les écrans Retina en PNG, il faut exporter le logo en 2× ou 4× la taille d'affichage, ce qui alourdit le fichier.
Le SVG règle complètement ce problème : le navigateur affiche le SVG à la résolution exacte de l'écran, toujours parfaitement net, sans avoir besoin de versions à différentes tailles. Un SVG de 5 Ko représentant un logo simple sera net sur un téléphone à 460 PPP, sur un écran 4K comme sur un panneau publicitaire de 10 mètres.
De plus, le SVG se manipule via CSS et JavaScript : changer la couleur du logo pour la version en mode sombre, créer des animations au survol, modifier des éléments du logo selon le contexte — le tout avec une seule ligne de CSS.
Quand le PNG reste nécessaire
Le SVG n'est pas accepté partout. Le PNG reste indispensable pour :
- Les réseaux sociaux : Instagram, Facebook, LinkedIn, WhatsApp et la plupart des plateformes exigent du JPG ou du PNG pour les photos de profil et les téléversements.
- L'e-mailing : les clients de messagerie n'affichent pas le SVG en ligne. Les logos dans les e-mails doivent être en PNG.
- Les présentations et documents : PowerPoint, Word et Google Slides acceptent le PNG, mais leur prise en charge du SVG peut être limitée ou inconstante.
- Les stickers et applications : des formats comme les stickers WhatsApp exigent spécifiquement du PNG.
- Les logos complexes avec dégradés et ombres : les effets photographiques appliqués à un logo (ce qui n'est pas recommandé, mais existe) se rendent mal en SVG.
Le bon flux de travail pour un logo professionnel
Le standard du secteur consiste à disposer du logo dans les deux formats :
- SVG : pour le site, les applications web, l'envoi aux imprimeurs et tout usage exigeant une mise à l'échelle
- PNG à fond transparent (haute résolution) : pour les réseaux sociaux, les e-mails, les documents et tout contexte où le SVG n'est pas accepté
Le créateur de logo d'ImageTools exporte simultanément dans les deux formats. Si vous avez déjà le logo en PNG et qu'il vous faut le SVG, un graphiste peut le vectoriser à partir du PNG — le chemin inverse (du SVG au PNG) est simple et se fait avec le convertisseur d'image.
Créez votre logo en SVG et en PNG dès maintenant
Le créateur de logo d'ImageTools exporte dans les deux formats — sans inscription et sans filigrane.
Créer un logo gratuitement