Logo haute résolution : tailles, DPI et exports à prévoir
Guide pratique pour comprendre les tailles de logo, le DPI, le master vectoriel, les exports web, print et réseaux sociaux.
Un logo peut être magnifique dans une maquette et devenir flou dès qu’il est placé sur un devis, une enseigne ou une photo de profil. Le problème ne vient pas forcément du dessin : il vient souvent des fichiers livrés. Taille en pixels, résolution, DPI, PPI, SVG, PNG, PDF, version retina… le vocabulaire paraît technique, mais il décide de la netteté réelle de votre identité visuelle.
La règle la plus importante est simple : un logo professionnel doit exister en vectoriel et en exports bitmap adaptés. Le vectoriel sert de master, car il peut être agrandi sans perte. Les PNG, JPG ou WebP servent à des usages précis : réseaux sociaux, présentation, signature e-mail, interface, miniature ou document bureautique. Un seul fichier « haute résolution » ne suffit donc pas.
Les recommandations actuelles vont dans ce sens. Google Search Central rappelle que les images doivent être intégrées avec des balises HTML standard, un attribut src de secours et des variantes responsives quand c’est utile. Les guides de production print continuent de demander 300 DPI à la taille finale pour les images raster. Et les outils vectoriels comme Illustrator, Affinity ou Figma restent indispensables pour exporter un logo proprement dans plusieurs contextes.
Voici comment définir les tailles, les DPI et les exports à prévoir pour éviter les logos pixelisés, les fichiers trop lourds, les impressions ratées et les allers-retours inutiles avec un graphiste ou un imprimeur.
1. Comprendre taille, pixels, DPI et vectoriel
La taille en pixels décrit une image raster : par exemple 1024 × 1024 px. Ces pixels sont de petits carrés colorés. Si vous agrandissez trop l’image, le logiciel doit inventer des pixels intermédiaires, et les contours deviennent mous ou dentés. C’est la raison pour laquelle un logo récupéré depuis une capture d’écran ne peut pas être transformé en grand panneau sans dégradation.
Le DPI signifie « dots per inch » et concerne surtout l’impression. On l’utilise souvent comme raccourci pour parler de résolution, mais il ne dit rien sans taille physique. Un fichier de 3000 px de large peut être imprimé proprement à 25,4 cm de large à 300 DPI ; le même fichier imprimé à 1 mètre sera beaucoup moins dense. La bonne question n’est donc pas seulement « combien de DPI ? », mais « combien de pixels pour quelle taille imprimée ? ».
Le PPI, ou pixels per inch, décrit plutôt la densité d’affichage d’un écran ou d’un fichier image. Dans la pratique quotidienne, beaucoup de logiciels mélangent les deux termes. Pour décider, retenez ceci : le web a besoin de dimensions en pixels et de poids maîtrisé ; l’impression a besoin d’une densité suffisante à la taille finale ; le logo master doit rester vectoriel dès que possible.
Un fichier vectoriel, lui, n’est pas composé de pixels fixes. Il est construit avec des courbes, des formes, des aplats et parfois du texte converti en tracés. Il peut être réduit sur une carte de visite ou agrandi sur une bâche sans devenir flou. C’est pourquoi notre guide Logo PNG vs SVG vs AI : quel format choisir ? insiste sur le rôle du SVG, du PDF vectoriel et du fichier source.
2. Les tailles utiles pour le web
Pour un site web, le meilleur réflexe est d’utiliser un SVG quand le logo est suffisamment simple. Le SVG reste net sur les écrans haute densité, s’adapte à plusieurs tailles et pèse souvent moins lourd qu’un grand PNG. Il fonctionne très bien pour un logo dans un en-tête, un pied de page, une interface SaaS ou une page de vente.
Quand un PNG est nécessaire, préparez plusieurs tailles plutôt qu’un seul fichier géant. Pour un logo horizontal affiché à 180 px de large dans l’en-tête, une version 360 px ou 540 px peut suffire pour les écrans 2x ou 3x. Pour un logo carré ou une icône utilisée dans une application, prévoyez des exports 512 px, 1024 px et 2048 px selon les plateformes. Un fichier 4000 px chargé dans un petit header ralentit la page sans améliorer la perception.
Les images responsives reposent sur un principe simple : servir la bonne taille au bon écran. Google recommande de garder une URL de secours dans src même avec srcset ou picture, afin que les navigateurs et robots puissent trouver l’image. Pour un logo, on n’a pas toujours besoin d’un dispositif complexe, mais on doit éviter l’excès inverse : un PNG minuscule étiré par CSS.
La question du fond transparent compte aussi. Un PNG transparent est pratique pour les outils qui n’acceptent pas le SVG, mais il doit être exporté proprement, sans halo blanc ni marge disproportionnée. Le SVG peut lui aussi gérer la transparence et reste préférable pour les interfaces modernes. Notre article sur le logo responsive explique comment prévoir des versions adaptées aux petits écrans plutôt que de réduire mécaniquement le même dessin.
3. Les exigences pour l’impression
En impression, le vectoriel est presque toujours le choix le plus sûr. Un imprimeur, un fabricant d’enseigne, un brodeur ou un marquage textile préférera souvent un PDF vectoriel, un EPS ou un fichier source. Ces formats conservent des contours nets et permettent d’ajuster les couleurs, les tailles et les séparations techniques si nécessaire.
Si vous devez fournir une image raster, la référence classique reste 300 DPI à la taille finale. Cela signifie qu’un logo imprimé sur 10 cm de large doit contenir environ 1181 px de large, car 10 cm correspondent à 3,94 pouces et 3,94 × 300 donne 1182. Pour 20 cm, il faut le double. Pour une grande affiche vue de loin, le prestataire peut accepter 150 DPI ou moins, mais cela dépend du support et de la distance de lecture.
Changer simplement la valeur DPI dans Photoshop ou un autre outil ne suffit pas. Si l’image d’origine est trop petite, la passer de 72 à 300 DPI modifie surtout les métadonnées ou réduit la taille imprimée possible. Elle ne recrée pas les contours vectoriels. La bonne solution est de réexporter depuis le fichier source ou de redessiner le logo en vectoriel.
Pour les supports imprimés, pensez aussi aux couleurs. Le web travaille souvent en RVB, l’impression utilise fréquemment le CMJN ou un profil demandé par le fournisseur. Les tons vifs peuvent changer d’aspect entre écran et papier. Notre guide sur les logos pour supports imprimés détaille les points à vérifier avant d’envoyer un fichier de production.
4. Réseaux sociaux, documents et e-mail
Les réseaux sociaux imposent souvent des formats carrés, ronds ou recadrés. Un logo horizontal complet devient illisible dans une photo de profil ; il faut généralement une icône, un monogramme ou une version simplifiée. Préparez au minimum une version carrée 1024 × 1024 px avec marge de sécurité, puis laissez la plateforme la réduire.
Pour LinkedIn, Instagram, YouTube, TikTok ou les marketplaces, la netteté dépend autant du cadrage que de la résolution. Un logo trop proche des bords sera coupé dans un masque circulaire. Un logo avec des détails fins disparaîtra en miniature. Mieux vaut créer une version sociale pensée pour les avatars, avec moins de texte et plus de respiration.
Les documents bureautiques ont d’autres contraintes. Word, PowerPoint, Google Slides ou les signatures e-mail acceptent facilement les PNG, rarement les fichiers sources. Fournissez donc des PNG transparents en 512 px, 1024 px et 2048 px, plus une version blanche pour fonds foncés. Les JPG ne conviennent qu’aux aperçus sans transparence, jamais comme master.
Les signatures e-mail méritent une attention particulière : un logo trop lourd peut être bloqué, compressé ou déformé. Une version autour de 300 à 600 px de large, optimisée et testée dans plusieurs clients mail, suffit souvent. Le but est d’être lisible, pas de transporter un fichier géant dans chaque message.
5. Le kit d’exports recommandé
Un bon kit commence par le fichier source : AI, SVG de travail, Affinity, Figma ou autre selon l’outil. Ce fichier n’est pas toujours destiné à circuler largement, mais il protège l’avenir de la marque. Si vous devez changer une couleur, créer une variante ou préparer un marquage spécial, c’est lui qui évite de repartir d’une image aplatie.
Ajoutez ensuite les formats vectoriels de livraison : SVG pour le web, PDF vectoriel pour le partage et l’impression, EPS si certains fournisseurs le demandent. Le PDF doit conserver les tracés, pas seulement contenir une image collée. Un zoom fort doit laisser les bords parfaitement nets.
Préparez enfin les exports raster : PNG transparent en plusieurs tailles, JPG de prévisualisation si utile, éventuellement WebP pour des usages web spécifiques. Pour chaque variante, indiquez la couleur, le fond, l’orientation et l’usage : principal-couleur, principal-blanc, icone-couleur, horizontal-noir, vertical-cmjn, etc. Un nom clair évite plus d’erreurs qu’un dossier rempli de fichiers mystérieux.
Le kit doit aussi contenir des versions, pas seulement des formats. Un logo principal, une version horizontale, une version verticale, une icône, une version monochrome et une version inversée couvrent beaucoup plus de situations. L’article kit de livraison logo explique comment organiser ces fichiers pour qu’une équipe sache immédiatement lequel utiliser.
6. Comment contrôler les fichiers avant de les utiliser
Premier test : zoomez fortement. À 800 % ou 1600 %, un fichier vectoriel reste net. Un PNG de taille suffisante peut rester correct, mais vous verrez vite si les contours se cassent. Ce test simple repère les exports ratés, les captures d’écran et les faux PDF vectoriels.
Deuxième test : placez le logo sur fond clair, fond sombre et fond coloré. Vérifiez l’absence de rectangle blanc, de halo, de marge énorme ou de couleur qui disparaît. Beaucoup de problèmes ne se voient pas dans un visualiseur sur fond blanc, mais apparaissent immédiatement dans une vraie maquette.
Troisième test : imprimez petit et grand. Un logo peut être lisible en plein écran et devenir illisible sur une carte de visite. À l’inverse, une version trop détaillée peut paraître fragile sur un panneau. Les marques solides prévoient des versions simplifiées pour les petites tailles et des fichiers techniques pour les grands formats.
Quatrième test : demandez au prestataire ce qu’il veut réellement. Certains imprimeurs acceptent un PDF vectoriel, d’autres réclament un EPS, un profil couleur précis ou un gabarit. Le fichier idéal n’existe pas hors contexte. Il dépend du support, de la taille, de la technique de fabrication et du logiciel utilisé dans la chaîne de production.
7. Les informations à mettre dans le brief
Pour recevoir les bons exports, indiquez dès le brief où le logo sera utilisé : site web, application, réseaux sociaux, enseigne, véhicule, textile, packaging, factures, présentations, publicité ou salon. Ces usages changent les tailles et les variantes nécessaires. Un projet pensé uniquement pour un avatar Instagram ne se prépare pas comme une marque qui imprimera sur vitrine et textile.
Précisez aussi les contraintes de lecture. Le logo devra-t-il fonctionner en très petit ? Sur fond sombre ? En une seule couleur ? Dans un carré ? Dans un bandeau horizontal ? Avec ou sans baseline ? Ces réponses orientent la création elle-même, pas seulement l’export final.
Enfin, demandez explicitement un kit comprenant vectoriel, PNG haute définition, versions monochromes et conseils d’usage. Chez Wilogo, le brief sert justement à transformer ces contraintes en instructions claires pour les graphistes IA. Plus vous décrivez vos supports, plus la livraison peut être utile dans la vraie vie.
Un logo haute résolution n’est donc pas un fichier magique. C’est un système : un master vectoriel, des exports adaptés, des tailles cohérentes, des noms explicites et quelques contrôles simples. Avec cette base, votre identité reste nette du favicon à l’enseigne.
Préparer un logo net sur tous vos supports
Expliquez vos usages web, print, réseaux sociaux et documents dans un brief clair. Wilogo vous aide à cadrer les formats attendus pour obtenir un logo exploitable, pas seulement une belle image.
Sources utiles
FAQ
Quelle taille de logo demander pour un site web ?
Demandez un SVG pour l’affichage principal, puis quelques PNG transparents en 512, 1024 et 2048 px pour les outils qui ne gèrent pas le vectoriel. Le fichier affiché sur le site doit rester léger et adapté à la taille réelle du bloc.
Un logo en 300 DPI est-il forcément de bonne qualité ?
Non. Le DPI ne suffit pas : il faut assez de pixels à la taille imprimée, ou mieux, un fichier vectoriel. Changer une image trop petite de 72 à 300 DPI ne recrée pas les détails absents.
Quelle résolution utiliser pour l’impression ?
Pour un fichier raster, visez 300 DPI à la taille finale. Pour une grande enseigne vue de loin, le prestataire peut accepter moins, mais le plus sûr reste d’envoyer un PDF, SVG ou EPS vectoriel.
Quels exports minimum prévoir dans un kit logo ?
Un kit fiable contient le fichier source, un SVG, un PDF vectoriel, des PNG transparents en plusieurs tailles, des variantes couleur/noir/blanc et des versions horizontale, verticale et icône si le logo le permet.
