Quelle taille et quel format pour votre logo ?
Daniel Brooks
Un logo arrive généralement sous forme d'un seul fichier, et les demandes commencent aussitôt. L'en-tête du site veut une version large. Le profil social veut un carré. L'imprimeur veut quelque chose qu'il puisse agrandir à un mètre. L'onglet du navigateur veut quelque chose de lisible à seize pixels. Les tableaux de dimensions existent exactement pour cela, et ils se périment — parce que les plateformes changent leurs maquettes, et parce que plusieurs d'entre elles n'ont jamais publié de chiffre.
Réponse rapide. Conservez un fichier maître vectoriel sans dimension fixe, puis exportez des copies matricielles adaptées à chaque emplacement : environ 250×150 à 400×100 pixels pour un en-tête de site, 400×400 pour la plupart des photos de profil, 16, 32 et 48 pixels de côté pour les favicons, et 300 DPI à la taille finale pour l'impression. C'est le fichier maître qui fait de chacune de ces exportations une affaire de deux minutes plutôt qu'un redessin.
Les dimensions, là où elles sont publiées
Pour les emplacements qui disposent de valeurs documentées, les recommandations de taille d'Adobe constituent une base raisonnable :
- Site, horizontal — 250×150, 350×75 ou 400×100 pixels, selon les proportions de la marque
- Site, en-tête carré — environ 160×160
- Favicon — 16×16, 32×32 et 48×48
- Profil Instagram — 110×110
- Profil LinkedIn et X — 400×400
- Profil Facebook — 170×170, avec une couverture en 851×315
- Signature d'e-mail — 300 à 400 pixels de large sur 70 à 100 de haut
Un ajustement s'applique à toutes les valeurs web : exportez à deux ou trois fois la taille indiquée et laissez la page réduire l'affichage, pour que le logo reste net sur les écrans à haute densité. Un logo de 400 pixels affiché à 400 pixels paraît flou sur un portable récent.
Pourquoi un tableau se périme et pas trois règles
Les tableaux posent deux problèmes, et c'est le second dont on ne parle jamais.
Le premier est que les plateformes refont leurs interfaces. Un tableau listant les dimensions exactes de six réseaux est faux en deux ans, et en silence.
Le second est que certaines plateformes ne publient aucune taille. La documentation de personnalisation de chaîne de YouTube recommande une bannière d'au moins 2560×1440 pixels — et pour la photo de chaîne se contente d'indiquer qu'il vaut mieux téléverser une image carrée ou ronde, sans donner de valeur en pixels. Tout tableau citant une dimension précise d'avatar YouTube répète une convention de communauté comme s'il s'agissait d'une spécification.
Trois règles couvrent les emplacements qu'un tableau ne peut pas couvrir.
Dimensionner selon le contenant, pas selon la plateforme. La question n'est jamais « quelle taille fait un logo » mais « quelle est la hauteur de l'espace, et quelle marge lui faut-il ». Un en-tête de 64 pixels de haut veut un logo d'environ 40 pixels de haut avec de l'air autour, quel que soit le nom de la plateforme.
Exporter à 2–3× et laisser réduire. Cela supprime définitivement l'incertitude liée à la densité d'écran, au seul prix du poids de fichier.
Téléverser carré là où le cadre est rond. Les recadrages circulaires sont courants et s'appliquent au centre. Une marque qui remplit son carré perd ses angles ; une marque avec de la marge survit.
Partir d'un vectoriel, exporter les matriciels
Tout ce qui précède suppose un fichier maître capable de produire n'importe quelle taille. C'est un vectoriel — SVG, PDF ou EPS — qui stocke le logo sous forme de tracés mathématiques plutôt que de grille de pixels, et ne possède donc aucune résolution native. Exporter un favicon de 32 pixels et une bâche de deux mètres depuis le même fichier est la même opération.
Sans lui, chaque nouvelle taille est un petit dommage. Agrandir un logo matriciel interpole des pixels qui n'ont jamais été capturés : les bords s'adoucissent et la typographie devient légèrement cotonneuse — visible immédiatement à l'impression et partout à terme.
Si le seul fichier existant est un PNG ou un JPEG, il y a deux retours possibles. Le redessiner en tracés, fiable et lent. Ou le vectoriser automatiquement puis nettoyer le résultat, ce qui fonctionne convenablement sur une marque plate à bords nets et produit des approximations grumeleuses de tout ce qui comporte dégradés, bords flous ou texture.
Le chemin le moins cher consiste à ne jamais s'y retrouver. Un générateur de logo par IA qui sort un SVG vectoriel à côté du PNG transparent fait exister le fichier maître dès la première version, et transforme les tailles matricielles en exportations plutôt qu'en reconstructions.
Quel format à quel endroit
Quatre formats couvrent tous les emplacements, et le choix est dicté par la destination plutôt que par la préférence.
SVG — la référence web partout où il est accepté. S'adapte à l'infini, reste net, et pèse généralement moins que le PNG équivalent. Certaines plateformes refusent le téléversement de SVG pour des raisons de sécurité : c'est la seule raison de ne pas l'utiliser.
PNG à fond transparent — pour les emplacements matriciels et pour toute plateforme qui refuse le SVG. Adobe relève qu'un logo PNG est plus net qu'un JPG, autorise la transparence et conserve un poids raisonnable.
PDF ou EPS — ce qu'un imprimeur demandera généralement, et ce dont un enseigniste ou un brodeur a besoin. Les deux transportent des tracés vectoriels.
JPEG — jamais pour un logo. Le format n'a pas de couche alpha, donc la marque arrive avec un rectangle blanc derrière elle, et sa compression laisse des artefacts visibles autour des bords nets dont un logo est précisément fait.
Au-delà du format, un petit jeu de variantes évite l'essentiel des incohérences : couleurs, monochrome, et une version inversée pour les fonds sombres. Exportez-les en même temps que le maître, et personne n'aura à improviser une version au moment où elle manque.
La règle de taille minimale
Toute marque a une taille en dessous de laquelle elle cesse de fonctionner : la typographie se bouche, les contre-formes se ferment, un symbole détaillé devient une bouillie. Trouvez-la en exportant à des largeurs décroissantes et en regardant chaque export à 100 % plutôt que zoomé. Les marques dont le nom est intégré lâchent généralement entre 60 et 120 pixels de large.
Consignez cette valeur comme minimum documenté, et associez-lui une consigne pour ce qui se passe en dessous : utiliser le symbole seul plutôt que de réduire davantage l'ensemble. C'est cette seule instruction qui sépare une icône d'application lisible d'une tache illisible.
Quelles versions une marque réclame en premier lieu — principale, secondaire, symbole, monochrome — dépend de son type, et cette décision vient avant toutes les questions de dimensions.
À lire aussi : Les types de logos et les versions à prévoir
À lire aussi : Bannière YouTube : taille et conception
Daniel Brooks
Je travaille avec des fondateurs de SaaS, des créateurs indépendants et des équipes en amorçage sur le positionnement, les supports de lancement, les présentations et le contenu signé par le fondateur. J'écris pour de petites équipes qui doivent prendre de bonnes décisions avec peu de temps et peu de moyens.
Questions fréquentes
Le SVG comme fichier maître et partout où le web l'accepte, parce qu'il s'adapte à n'importe quelle taille sans perte. Le PNG à fond transparent pour les emplacements matriciels et les plateformes qui refusent le SVG. Le PDF ou l'EPS quand un imprimeur le demande. Jamais de JPEG pour un logo : le format ne gère pas la transparence, le logo arrive donc dans un rectangle blanc.
