SVG contre PNG : quel format convient vraiment à votre logo ?
Si vous avez déjà envoyé un logo à un imprimeur et reçu un message disant « nous avons besoin d'un fichier vectoriel », ou regardé un logo devenir flou lorsqu'il était agrandi, vous avez rencontré la différence fondamentale entre SVG et PNG. La comprendre une bonne fois pour toutes vous évitera des heures d'échanges inutiles.
La réponse courte : le SVG est presque toujours le bon format pour un logo. Le PNG convient pour les miniatures web et les aperçus, mais il ne peut pas être agrandi sans perte de qualité. Ce guide explique pourquoi — et ce qu'il faut faire si vous n'avez qu'un PNG.
Qu'est-ce que le PNG ?
Le PNG (Portable Network Graphics) est un format raster. Il stocke les images sous la forme d'une grille de pixels — chaque pixel enregistre une valeur de couleur. Un PNG de 500 × 500 px contient exactement 250 000 pixels. Lorsque vous l'agrandissez à 2 000 × 2 000 px, le logiciel doit inventer les pixels manquants par interpolation. Le résultat est un bord flou et pixellisé.
Le PNG prend en charge la transparence (contrairement au JPG), ce qui en fait le format standard pour les logos et icônes sur le web. Il est également sans perte — les couleurs sont stockées exactement — ce qui le rend préférable au JPG pour tout ce qui contient du texte ou des bords nets à sa résolution native.
Qu'est-ce que le SVG ?
Le SVG (Scalable Vector Graphics) est un format vectoriel. Au lieu de pixels, il stocke des descriptions mathématiques de formes : un cercle défini par un centre et un rayon, une courbe définie comme un chemin de Bézier. Lorsque vous agrandissez un SVG, le logiciel recalcule la géométrie à la nouvelle taille. Le résultat est toujours parfaitement net.
Les fichiers SVG sont du texte XML, ce qui signifie qu'ils sont modifiables dans n'importe quel éditeur de texte, intégrables directement en HTML et indexables par les moteurs de recherche. Ils sont généralement petits — un logo SVG fait souvent moins de 10 Ko — et se chargent instantanément sur le web.
SVG contre PNG : comparaison directe
| Propriété | SVG | PNG |
|---|---|---|
| Mise à l'échelle | Infinie — reste net à toute taille | Résolution fixe — floute à l'agrandissement |
| Taille du fichier | Petit pour les logos simples (2–20 Ko) | Variable ; les PNG haute résolution sont lourds |
| Transparence | Oui (native) | Oui (canal alpha) |
| Modifiabilité | Chemins entièrement modifiables dans Illustrator, Figma, Inkscape | Édition pixel uniquement (Photoshop, etc.) |
| Impression | Préféré par la plupart des imprimeurs | Acceptable uniquement à très haute résolution (300+ dpi) |
| Web | Excellent — petit, net sur les écrans Retina | Bon à taille native ; floute sur les écrans Retina si sous-dimensionné |
| Merchandising / broderie | Requis par la plupart des plateformes | Généralement non accepté |
Quand utiliser le SVG
Utilisez le SVG pour votre logo dans presque tous les contextes :
- Impression : cartes de visite, bannières, packaging, signalétique. Les imprimeurs travaillent à partir de fichiers vectoriels car ils doivent produire à des tailles et résolutions arbitraires.
- Merchandising : la sérigraphie, la broderie, l'impression DTG et la gravure laser nécessitent toutes des illustrations vectorielles.
- Web : le logo de votre site doit être en SVG pour rester net sur les écrans haute densité (Retina) sans nécessiter un PNG en 2× ou 3×.
- Ressources de marque : lors du transfert à des designers ou agences, fournissez toujours le SVG. Ils peuvent le redimensionner, le recolorer et l'exporter dans n'importe quel autre format à partir de la source vectorielle.
Quand le PNG est acceptable
Le PNG fonctionne lorsque la taille d'affichage est fixe et connue à l'avance :
- Photos de profil sur les réseaux sociaux affichées à une taille fixe de 400 × 400 px.
- Signatures d'e-mail où le logo est toujours affiché à une seule taille.
- Miniatures d'aperçu dans un document ou une présentation à dimension fixe.
Je n'ai qu'un PNG — que faire ?
Si votre seul fichier source est un PNG (situation fréquente lorsqu'un logo a été conçu sans sauvegarder les fichiers vectoriels originaux), vous devez vectoriser le logo — le convertir de pixels en chemins géométriques.
La méthode traditionnelle est la Vectorisation dynamique d'Adobe Illustrator. La méthode la plus rapide est un vectoriseur IA : Logo Vectorize trace votre PNG automatiquement, vous permet de modifier les chemins dans le navigateur et exporte un SVG propre sans frais.
Lire le guide complet : Comment vectoriser un logo →
Questions fréquentes
Le SVG fonctionne-t-il dans tous les navigateurs et systèmes d'exploitation ?
Oui, sans exception significative. Chrome, Firefox, Safari, Edge et Opera restituent le SVG nativement depuis 2011. Sur mobile, iOS Safari et Android Chrome supportent tous les deux le SVG. Internet Explorer 8 et les versions antérieures — représentant moins de 0,01 % du trafic web mondial — avaient un support partiel. Pour tout public que vous pouvez raisonnablement atteindre, la compatibilité SVG n'est pas un problème.
Pourquoi mon fichier SVG est-il plus volumineux que le PNG équivalent ?
Le SVG décrit les images en balisage textuel. Pour les logos — formes plates, quelques couleurs — ce balisage est compact (généralement 2 à 30 Ko). Pour les images complexes avec de nombreux dégradés ou courbes fines, les descriptions de chemins s'allongent et le SVG peut dépasser le PNG. La solution est SVGO, un optimiseur SVG open-source : il supprime les métadonnées d'éditeur, retire les attributs inutilisés et raccourcit les données de chemin. Un logo SVG bien optimisé est presque toujours plus petit qu'un PNG exporté à la résolution nécessaire pour les écrans Retina.
Puis-je utiliser des fichiers SVG dans Word, Google Docs ou PowerPoint ?
Word 2016 (Office 365) et les versions ultérieures acceptent le SVG. Google Slides et PowerPoint importent également le SVG. La nuance : les trois rastérisent le SVG lors du rendu — le fichier est converti en pixels à la résolution d'affichage du document. Pour les présentations, l'importation SVG fonctionne bien ; pour une mise en page précise, exportez plutôt un PNG haute résolution depuis votre éditeur vectoriel.
Pourquoi ne puis-je pas télécharger un SVG sur Instagram, Facebook ou LinkedIn ?
Les plateformes sociales exigent des formats raster car leurs pipelines de traitement d'images — compression, redimensionnement, filtres — opèrent sur des données de pixels. Ces pipelines n'ont pas de parseur SVG. Pour publier votre logo sur les réseaux sociaux, exportez-le en PNG aux dimensions requises (au moins 800 × 800 px pour les photos de profil) depuis votre éditeur vectoriel.
Quelle est la différence entre le SVG et l'EPS ?
Les deux formats stockent la géométrie sous forme de chemins bezier et s'adaptent sans perte de qualité. Le SVG est du XML textuel, un standard ouvert, et se restitue nativement dans les navigateurs. L'EPS est basé sur PostScript — un langage de description de page des années 1980 — et nécessite un interpréteur PostScript ; il ne s'ouvre pas dans les navigateurs. Si un prestataire demande spécifiquement de l'EPS, cela signifie généralement que son workflow est antérieur au standard SVG ; vous pouvez exporter en EPS depuis n'importe quel SVG dans Inkscape (gratuit) ou Illustrator.
Guides associés : Comment vectoriser un logo · Qu'est-ce qu'un fichier vectoriel ?