En bref : gardez votre logo en SVG partout où il est accepté — sur votre site, dans le travail graphique et pour la préparation à l’impression –, car un vecteur reste net à toutes les tailles et pèse généralement très peu. Gardez à côté un PNG à fond transparent pour tout ce qui n’accepte que des pixels : signatures e-mail, nombreux formulaires de téléversement, documents bureautiques que vous envoyez. Le JPG n’a pas de transparence et convient mal aux logos ; le WebP fonctionne sur le web, mais pas partout ailleurs.
Cette comparaison explique la différence entre vectoriel et matriciel, compare les deux formats point par point, montre où chacun est accepté, aborde ce qu’il faut savoir des scripts dans les fichiers SVG et se termine par la conversion dans les deux sens — y compris les limites de la transformation d’un PNG en vecteur.
Vectoriel ou matriciel : ce que stockent SVG et PNG
Un fichier SVG contient des instructions de dessin : formes, courbes, couleurs et texte, écrits en XML. L’appareil les redessine à la taille voulue, si bien qu’un cercle reste parfait dans une icône de 16 pixels comme sur une bâche de salon. Un fichier PNG contient une grille fixe de pixels. À sa propre taille, il est parfait ; agrandi, ses contours deviennent flous ou crénelés, car le détail entre les pixels n’a jamais été enregistré. Le SVG est un standard ouvert du W3C ; le PNG est le format pixel sans perte classique.
SVG ou PNG pour un logo : vue d’ensemble
| SVG (vectoriel) | PNG (matriciel) | |
|---|---|---|
| Mise à l’échelle | Net à toutes les tailles | Net à sa taille ; flou une fois agrandi |
| Poids d’un logo simple | Généralement quelques kilo-octets | Augmente avec les dimensions en pixels |
| Transparence | Oui | Oui |
| Détails photographiques | Inadapté | Bien (mais JPG ou WebP sont plus légers pour les photos) |
| Retouche | Formes et couleurs restent modifiables | Pixels seulement ; changer proprement une couleur est difficile |
| Sites web | Tous les navigateurs actuels | Tous les navigateurs |
| Signatures e-mail, formulaires de téléversement | Souvent non affiché ou refusé | Accepté pratiquement partout |
| Documents bureautiques | Pris en charge par de nombreux programmes actuels, pas tous | Fonctionne partout |
| Sécurité | Peut contenir des scripts et des liens — à nettoyer avant usage | Pixels uniquement |
Pour un logo typique — quelques couleurs unies, des formes claires, peut-être un nom écrit — le SVG l’emporte pour la mise à l’échelle, le poids et la retouche. Le fichier reste léger parce qu’une courbe est décrite une fois au lieu d’être stockée en milliers de pixels, et il ne grossit pas quand le logo s’affiche plus grand. Un PNG du même logo demande une version par taille : petite pour l’en-tête, grande pour les écrans haute densité, plus grande encore pour une présentation.
Les deux formats gèrent la transparence : le logo peut donc se poser sur n’importe quel fond. Le JPG non : il a toujours un fond plein, généralement blanc, qui se voit comme un cadre sur les surfaces colorées. WebP et AVIF prennent en charge la transparence et sont plus légers que le PNG, mais hors du navigateur ils ne sont pas encore acceptés partout. Le panorama complet des formats se trouve dans WebP, AVIF, JPEG ou PNG.
Le PNG est le bon choix pour les détails qui ne se dessinent pas en formes : un logo avec une photo, des dégradés doux texturés, un signe dessiné à la main puis numérisé. Vectoriser de telles images produit des fichiers lourds et peu maniables, sans aucun gain de netteté.
Où le SVG fonctionne et où le PNG reste nécessaire
- Site web et boutique en ligne : SVG pour le logo de l’en-tête et du pied de page, plus le jeu de favicons — sa composition est expliquée dans créer un favicon.
- Signatures e-mail : PNG. De nombreux programmes de messagerie n’affichent pas les images SVG ou les bloquent. Exportez au double de la taille affichée pour que le logo reste net sur les écrans haute densité.
- Formulaires de téléversement d’annuaires, de places de marché, de plateformes d’événements et de profils sociaux : souvent PNG ou JPG uniquement. Utilisez le PNG transparent, ou un JPG sur blanc là où la transparence n’est pas voulue.
- Documents bureautiques et présentations : de nombreux programmes actuels savent insérer du SVG, mais pas forcément les anciennes versions ni le logiciel de vos destinataires. Pour les fichiers que vous envoyez, le PNG est le choix sûr.
- Impression : les imprimeries préfèrent généralement les fichiers vectoriels. Demandez le format attendu ; si elles veulent des pixels, exportez à la résolution demandée plutôt que d’agrandir un petit PNG.
- Chartes graphiques et agences : conservez le fichier vectoriel d’origine comme référence et dérivez-en chaque PNG — jamais l’inverse.
Le SVG est-il sûr ? Scripts et contenus cachés dans les SVG
Parce que le SVG est un format texte interprété par les navigateurs, il peut contenir plus qu’un dessin : des scripts, des gestionnaires d’événements, du HTML intégré, des liens vers des fichiers externes et des données d’éditeur comme des noms de calques, des commentaires ou des métadonnées de création. Intégré directement dans une page ou ouvert dans le navigateur, un SVG manipulé de source inconnue peut donc faire bien plus qu’un PNG. Traitez les SVG reçus comme tout fichier capable d’exécuter du code, et nettoyez-les avant de les publier.
Dans SchweizerIMG, Optimiser un SVG et SVG en PNG, JPG, WebP ou AVIF suppriment d’abord les scripts et fichiers liés de chaque SVG ; commentaires et métadonnées sont toujours supprimés lors de la sécurisation du SVG. Les polices et images externes ne sont jamais chargées, et le texte est dessiné avec les polices fournies — pour un logo dont le nom utilise une police particulière, vectorisez le texte dans le logiciel de création. Tout se déroule dans votre navigateur ; les fichiers ne sont pas téléversés (voir la page sécurité).
Convertir : SVG en PNG, PNG en SVG et optimiser
- 1
SVG en PNG
SVG en PNG, JPG, WebP ou AVIF convertit des SVG en images de n’importe quelle taille — par échelle (par exemple 1, 2, 3), par largeur ou hauteur en pixels, ou par résolution d’impression –, plusieurs tailles à la fois, sur fond transparent ou coloré. Tout un jeu de fichiers de logo tient en un traitement.
- 2
Optimiser le SVG
Optimiser un SVG allège les fichiers SVG et vérifie que le rendu reste identique. « Sûr » conserve ids, classes et styles ; « Agressif » vise le fichier le plus léger. À utiliser avant de mettre un logo en ligne.
- 3
PNG en SVG (vectorisation)
Image en SVG (vectorisation) transforme logos, icônes, signatures et dessins au trait en vecteurs, avec les préréglages « Logo (jusqu’à 8 couleurs unies) », « Dessin au trait (noir et blanc) » et « Détaillé (jusqu’à 32 couleurs) ». Les plans qui l’incluent figurent sur la page des tarifs.
La vectorisation est une approximation
Un SVG vectorisé est une reconstruction des pixels, pas l’original du graphiste. Elle réussit le mieux sur des logos simples aux couleurs unies, aux contours nets, à partir d’une image source propre et grande. Les images de type photo sont refusées, les grandes images d’abord réduites, et les traits très fins peuvent se fragmenter. Vérifiez attentivement le résultat — et si le fichier vectoriel d’origine existe quelque part, demandez-le : il sera toujours meilleur.
Les trois outils font partie des outils vectoriels ; les types de fichiers qu’ils ouvrent sont listés dans formats d’image pris en charge.
Lequel choisir : un guide rapide
- Vous avez le logo en SVG : gardez-le comme référence, utilisez-le sur le web et exportez des PNG pour l’e-mail, les formulaires et les documents.
- Vous n’avez qu’un PNG d’un logo simple aux couleurs unies : vectorisez-le, contrôlez le résultat en grand et en petit, et gardez aussi le PNG.
- Votre logo contient une photo ou un graphisme texturé : restez au PNG (ou au WebP sur le web) dans les tailles nécessaires.
- Vous ignorez ce qu’accepte le système destinataire : envoyez un PNG transparent — le format qui fonctionne presque partout.
Questions fréquentes
SVG ou PNG : lequel est meilleur pour un logo ?
Pour le logo lui-même, le SVG : net à toutes les tailles, léger et modifiable. Pour les endroits qui n’acceptent que des pixels — signatures e-mail, nombreux formulaires, documents à partager –, un PNG exporté depuis le SVG est le meilleur choix.
Quelle taille pour un logo PNG ?
Environ le double de sa taille d’affichage, pour rester net sur les écrans haute densité. Pour une signature e-mail affichée sur 200 pixels de large, exportez environ 400 pixels. Plusieurs échelles exportées du SVG en un traitement couvrent les différents usages.
Peut-on transformer un logo JPG en SVG ?
Oui, s’il s’agit d’un logo simple aux couleurs unies : Image en SVG (vectorisation) le reconstruit en formes. Les artefacts de compression d’un petit JPG rendent les contours plus irréguliers ; utilisez la version la plus grande et la plus propre dont vous disposez.
Pourquoi mon logo SVG a-t-il un autre aspect après conversion ?
Généralement à cause des polices ou des fichiers liés : les polices et images externes ne sont pas chargées, et le texte est dessiné avec les polices fournies. Vectorisez le texte et intégrez tout dans le SVG avant de convertir.
Prêt à mettre de l’ordre dans vos fichiers de logo ? Ouvrez les outils vectoriels, découvrez comment les agences préparent les logos de leurs clients sans les téléverser, ou créez un compte gratuit.
Information générale
Cette page est une information générale et un contenu marketing. Elle simplifie le fonctionnement des formats de fichier et la question de savoir quels programmes et services les acceptent ; la prise en charge évolue avec le temps et varie selon les versions. Pour un travail d’impression, une charte graphique ou des règles de publication, vérifiez les exigences auprès de votre imprimerie, de votre graphiste ou d’un ou une spécialiste qualifié·e.