← Blog
5 min de lecture

Tailles de bannières display : un détourage, six formats

Les six tailles de bannières display à produire (300x250, 336x280, 728x90, 320x50, 160x600, 300x600) et pourquoi un seul détourage produit suffit à toutes.

  • display ads
  • banner ad sizes
  • ad creative
  • product cutout
  • digital marketing
Tailles de bannières display : un détourage, six formats

La publicité display a une particularité qui prend de court les petits annonceurs : votre visuel ne tourne pas dans un seul format. La régie veut un rectangle presque carré, un long ruban horizontal, une tour verticale et une mince bande mobile — le tout pour une seule campagne, et le tout reconnaissable comme la même marque.

Les grandes marques règlent le problème avec des équipes de production qui redimensionnent tout à la main. Vous n'en avez probablement pas sous la main. Ce que vous avez, c'est un produit, une couleur de marque et un après-midi.

Bonne nouvelle : cela suffit — à condition de construire vos bannières à partir d'éléments qui se réorganisent, plutôt qu'à partir d'une photo qui, elle, ne bouge pas. Voici la liste des formats à produire, et le flux de travail qui rend l'exercice indolore.

Les six formats display qui font le gros du travail

Les régies gèrent techniquement des dizaines de dimensions, mais une poignée de formats standard récupère l'essentiel des emplacements. Couvrez ces six-là et vous êtes éligible à peu près partout :

  • medium rectangle 300x250 — le cheval de bataille. Il se glisse aussi bien dans les emplacements in-article que dans les colonnes latérales, sur ordinateur comme sur mobile. Si vous ne produisez qu'une seule bannière, produisez celle-ci.
  • large rectangle 336x280 — le grand frère du medium rectangle, et un favori de Google Ads qui a survécu à sa disparition des listes officielles de l'IAB. La même mise en page fait généralement le voyage sans encombre, avec un peu de marge en prime.
  • leaderboard 728x90 — la bande large en haut des pages sur ordinateur. Terriblement basse : traitez-la comme une carte de visite horizontale.
  • mobile banner 320x50 — la petite bande mobile, et le test de lisibilité le plus impitoyable de toute la publicité.
  • wide skyscraper 160x600 — un format vertical de colonne latérale qui reste visible pendant que l'internaute fait défiler la page.
  • half page 300x600 — la grande toile verticale, et le seul emplacement où un visuel principal, une accroche et un bouton tiennent sans se marcher dessus.

Pourquoi un seul détourage vaut mieux que six séances photo

Regardez ces formes à nouveau : un carré approximatif, un long ruban, une tour étroite. Aucune photo ne se compose correctement dans les trois à la fois. Recadrez une mise en situation aux proportions d'un leaderboard et vous amputez la moitié de la scène ; comprimez-la dans un skyscraper et votre produit se réduit à un point.

C'est tout le problème des fonds incrustés — le fond est soudé à la composition, si bien que l'image ne fonctionne que dans le format dans lequel elle a été prise.

Un détourage brise cette soudure. Supprimez le fond avec remover.bg (les contours restent nets, même sur les cheveux et les poils), exportez un PNG transparent et posez le sujet sur un fond uni aux couleurs de votre marque dans votre outil de design. Le produit devient un objet déplaçable : glissez-le à droite dans le leaderboard, calez-le en bas du skyscraper, laissez-le occuper tout le half page. Le fond n'est plus une photo que vous recadrez — c'est de la peinture qui remplit le cadre que vous dessinez.

Un même détourage de sneaker repositionné dans trois mises en page de bannières de formats différents à l'écran

Si la substitution de fond est nouvelle pour vous, notre mode d'emploi pour changer le fond d'une photo fait le tour de la question en quelques minutes. Et la couleur elle-même est un choix stratégique, pas une décoration — notre guide des couleurs de fond pour photo produit détaille ce qui fonctionne pour quel type de produit.

Zones de sécurité et lisibilité en petit format

Une bannière 320x50 fait à peu près la taille de votre pouce. Concevez pour cette réalité :

  • Un seul message par bannière. Le produit, une accroche de cinq mots maximum, un appel à l'action. Tout le reste devient du bruit.
  • Laissez respirer les bords. Tenez le texte et le logo à distance des bordures — une marge de la hauteur de vos capitales est un bon réflexe.
  • Testez en taille réelle. Affichez à 100 % et reculez d'un pas. Si vous plissez les yeux, votre audience, elle, ne fera pas l'effort.
  • Donnez au CTA une forme de bouton. Un petit rectangle plein et contrasté attire l'œil, même en 320x50.
  • Encadrez les fonds blancs. Si votre fond est blanc ou très clair, ajoutez une fine bordure pour que l'annonce ne se dissolve pas dans la page — certaines régies l'exigent.

Poids des fichiers : petites bannières, fichiers encore plus petits

Les plateformes publicitaires sont strictes sur le poids des fichiers — Google Ads, par exemple, plafonne les annonces illustrées importées à 150 KB. C'est un argument discret de plus en faveur du duo détourage + fond uni : les aplats se compressent merveilleusement, alors qu'un fond photographique dilapide votre budget d'octets dans des détails que personne ne regarde.

Exportez chaque bannière à ses dimensions exactes en pixels, plutôt que d'importer des fichiers surdimensionnés en espérant que la régie les redimensionnera avec délicatesse. Évitez les dégradés lourds et les textures superposées si vous frôlez le plafond. Et quand les spécifications d'une plateforme manquent de clarté, vérifiez ses recommandations officielles à jour avant d'exporter douze fichiers de travers.

Une seule identité, tous les formats

La publicité display récompense la répétition. Quelqu'un voit votre leaderboard sur un site d'actualité, puis votre medium rectangle sur un blog — la campagne ne produit d'effet cumulé que si les deux moments viennent visiblement de la même marque.

Le système du détourage rend cela presque automatique. Même angle de produit, même couleur de fond, même coin pour le logo, même couleur de bouton partout. Les formats changent ; l'identité, non. C'est le principe qui sous-tend un feed Instagram cohérent — la reconnaissance se construit à chaque exposition, mais seulement s'il y a quelque chose de constant à reconnaître.

Un ensemble cohérent de bannières de tailles différentes partageant la même couleur de marque et la même image produit

L'essentiel à retenir

Produisez les six formats de référence : 300x250, 336x280, 728x90, 320x50, 160x600 et 300x600. Partez d'un seul détourage produit propre posé sur un fond uni aux couleurs de votre marque, tenez-vous-en à un message par bannière, respectez les zones de sécurité et exportez des fichiers légers aux dimensions exactes. Six bannières, un après-midi, une marque impossible à confondre — c'est tout le jeu.

À lire ensuite