Une bannière se mesure en pixels, largeur par hauteur : 300×250 est une bannière de 300 pixels de large et 250 de haut. Les formats qu’utilisent presque toutes les plateformes sont appelés formats IAB, car cette association les a publiés comme standard. Les connaître vous évite de commander des pièces que personne ne peut diffuser.
Pourquoi il existe autant de formats
Chaque format correspond à un type d’emplacement différent : une large barre en haut de page, une colonne latérale haute, un rectangle au milieu du texte, une bande fixe sur mobile. Celui qui achète l’espace choisit les formats selon l’endroit où il veut apparaître, donc une campagne n’utilise presque jamais un seul format.
Les 14 formats standard
| Format | Nom IAB | Forme | Usage courant |
|---|---|---|---|
| 300×250 | Medium Rectangle | Rectangle | Dans le contenu et en barres latérales |
| 336×280 | Large Rectangle | Rectangle | Dans le contenu, un peu plus grand |
| 728×90 | Leaderboard | Horizontal | Haut de page sur ordinateur |
| 970×90 | Large Leaderboard | Horizontal | Haut de page, sur toute la largeur |
| 970×250 | Billboard | Horizontal | Haut de page, fort impact |
| 468×60 | Full Banner | Horizontal | Format classique, moins courant aujourd’hui |
| 160×600 | Wide Skyscraper | Vertical | Colonnes latérales |
| 120×600 | Skyscraper | Vertical | Colonnes latérales étroites |
| 300×600 | Half Page | Vertical | Colonnes latérales, fort impact |
| 320×50 | Mobile Leaderboard | Horizontal | Bande fixe sur mobile |
| 320×100 | Large Mobile Banner | Horizontal | Bande fixe sur mobile, plus haute |
| 250×250 | Square | Carré | Dans le contenu et en barres latérales |
| 200×200 | Small Square | Carré | Petits emplacements |
| 580×400 | Netboard | Rectangle | Dans le contenu, grand format |
Dans BannerMotion, vous pouvez choisir ces 14 formats (ou un format personnalisé, écrit comme 300x250) et un concept accepte jusqu’à 12 formats au total.
Lesquels produire en premier
Si vous devez commencer quelque part, une sélection raisonnable est 300×250, 728×90, 160×600 et 320×50 : un rectangle, une barre horizontale, une colonne verticale et une bande mobile. Avec ces quatre formats, vous couvrez les quatre types d’emplacement les plus courants. C’est aussi la sélection que BannerMotion préselectionne lorsque vous créez une nouvelle bannière.
Ensuite, élargissez selon le budget d’achat média : si le budget permet des formats grands, ajoutez 300×600 et 970×250 ; si le trafic est surtout mobile, 320×100.
Une idée, plusieurs formats
Agrandir ou réduire un design ne revient pas à l’adapter. Si vous étirez une bannière de 300×250 jusqu’à 728×90, le titre devient minuscule et il reste de l’espace inutilisé. Adapter, c’est décider à nouveau ce qui va où : sur une barre horizontale, l’image va souvent d’un côté et le bouton à droite ; sur une colonne verticale, tout s’empile.
- Commencez par le format le plus difficile (généralement le plus petit ou le plus extrême) : si le message y tient, il tiendra aussi dans les autres.
- Gardez les mêmes éléments dans tous les formats : logo, titre, bouton.
- Réorganisez-les pour chaque forme au lieu de tous les réduire.
- Vérifiez chaque format séparément, avec le texte le plus long de votre langue.
Texte et bouton dans les petits formats
Dans 320×50 ou 468×60, il reste très peu de place : un titre court, le logo et un bouton. Quelques règles simples : un seul message par bannière, un texte lisible sans effort à taille réelle, et un bouton assez grand pour être touché sur mobile. Si le texte ne tient pas, le problème vient généralement du message (trop long), et non de la taille.
Poids selon le format
Chaque pièce a sa propre limite de poids. Les grands formats (970×250, 300×600) ont tendance à peser davantage, car ils intègrent des images plus grandes, et sur les écrans retina le poids double si vous utilisez des images en double résolution. Mesurez chaque .zip séparément, et non l’ensemble.
Au-delà de la bannière standard
En plus des formats fixes, il existe des formats qui se comportent différemment. Le rich media regroupe les publicités interactives ou vidéo ; les formats extensibles s’agrandissent sur la page lorsqu’on interagit avec eux ; les interstitiels occupent tout l’écran entre deux contenus. Ils demandent la compatibilité du site et de la plateforme, pèsent souvent davantage et ont leurs propres règles : confirmez-les avant de les produire.
Vérifié le : [date en attente]. Les formats du tableau sont ceux publiés par l’IAB ; les noms en anglais sont les noms officiels.