Taille bannière : formats standards et export prêts à l’emploi

Pour couvrir l’essentiel des emplacements display, fournissez en priorité ces formats recommandés par Google Ad Manager : 300×250 px (rectangle moyen), 728×90 px (bandeau horizontal), 160×600 px (skyscraper), 320×50 px (mobile), 300×600 px (demi-page) et 970×250 px (billboard). Ces six tailles couvrent la quasi-totalité des inventaires desktop et mobile des régies françaises et internationales.

Les formats standards définis par l’IAB (Interactive Advertising Bureau) servent de référence pour toutes les régies majeures, Google Ads inclus.

Tailles prioritaires à livrer :

  • 300×250 px — rectangle moyen (desktop & mobile, format le plus diffusé)
  • 728×90 px — leaderboard (desktop, header de page)
  • 160×600 px — skyscraper large (sidebar desktop)
  • 320×50 px — bandeau mobile (sticky bas d’écran)
  • 300×100 px — bandeau mobile alternatif
  • 300×600 px — demi-page (fort impact visuel)
  • 970×250 px — billboard (campagnes branding desktop)
  • 336×280 px — grand rectangle (variante du 300×250)

Points clés

Point Détails
Formats prioritaires Livrez 300×250, 728×90, 160×600, 320×50 et 300×600 pour couvrir desktop et mobile.
Variantes @2x obligatoires Doublez les dimensions à l’export pour les écrans haute densité (Retina, Android HD).
Poids fichier à respecter JPG/PNG sous 150 Ko ; HTML5 sous 150 Ko initiaux, 2,2 Mo après chargement.
Zones de sécurité Gardez textes et CTA à 10–15 px des bords ; sur YouTube, respectez la zone centrale 1 546×423 px.
Zetaplus Produit vos packs de bannières IAB complets (variantes, @2x, HTML5) prêts à diffuser.

Table des matières

Quelles sont les tailles de bannières standards IAB pour desktop et mobile ?

L’IAB a structuré les formats publicitaires en deux grandes familles. Les tailles desktop dominent les inventaires des éditeurs français, tandis que les formats mobiles ont pris une place croissante avec la part du trafic smartphone.

Formats desktop les plus utilisés (source : Figma / Google Display) :

Format Dimensions Nom courant Usage principal
Rectangle moyen 300×250 px Medium rectangle In-content, sidebar
Leaderboard 728×90 px Bandeau horizontal Header de page
Skyscraper large 160×600 px Wide skyscraper Sidebar droite/gauche
Demi-page 300×600 px Half page Magazine, fort impact
Billboard 970×250 px Billboard Branding, haut de page
Grand rectangle 336×280 px Large rectangle Variante 300×250
Leaderboard large 970×90 px Super leaderboard Header étendu

Tableau comparatif des formats de bannières IAB et de leurs principales utilisations

Formats mobiles prioritaires :

Format Dimensions Nom courant Usage principal
Mobile banner 320×50 px Mobile leaderboard Sticky bas d’écran
Mobile grand 320×100 px Large mobile banner Interstitiel léger
Rectangle moyen 300×250 px Medium rectangle In-app, in-content

Le 300×250 est le seul format qui fonctionne aussi bien sur desktop que sur mobile, ce qui en fait le point de départ logique de tout pack de bannières. Le 336×280 est une variante légèrement plus grande : fournissez-le quand l’éditeur l’accepte, mais ne le substituez pas au 300×250 si vous devez choisir.

Amazon Ads confirme cette logique : les placements leaderboard, rectangle et skyscraper sont ceux qui maximisent la visibilité selon l’emplacement et l’objectif de campagne.


Formats de fichier, poids et règles techniques : ce que les régies acceptent

Les régies n’acceptent pas tous les formats indifféremment. Voici les règles réelles à respecter avant toute mise en ligne.

Formats acceptés et leurs usages :

  • JPG : photos et visuels complexes, pas de transparence, compression efficace
  • PNG : logos, textes nets, transparence nécessaire ; fichier plus lourd qu’un JPG
  • GIF : animations simples, 256 couleurs max, boucle limitée à 30 secondes sur Google Ads
  • HTML5 : bannières interactives et animées, format recommandé pour remplacer Flash ; poids max souvent fixé à 150 Ko initial + 2,2 Mo après chargement
  • MP4 : vidéo display, utilisé pour les formats rich media et certains emplacements programmatiques

Poids fichier : les limites courantes

Google Ads fixe à 150 Ko la limite pour les annonces display image. Pour les GIF, la même limite s’applique. Les fichiers HTML5 bénéficient d’une tolérance plus large (jusqu’à 150 Ko initiaux), mais les ressources chargées après affichage ne doivent pas dépasser 2,2 Mo.

Animations : règles à respecter

  • Durée maximale : 30 secondes par boucle (Google Ads)
  • Nombre de boucles : 3 maximum, puis arrêt sur la dernière image
  • Autoplay avec son : interdit sur la quasi-totalité des régies
  • Fréquence d’images GIF : 24 fps maximum recommandé pour fluidité sans surpoids

Conseil de pro : Nommez vos fichiers avec les dimensions dans le nom (ex. banniere_300x250_v1.jpg) dès la création. Cela évite les erreurs d’upload et facilite la gestion des variantes lors de la livraison à la régie ou au client.


Formats de fichier, poids et règles techniques : ce que les régies acceptent — overview diagram

Comment préparer des bannières nettes sur tous les écrans ?

Les écrans Retina (Apple) et haute densité (Android) affichent les images en double résolution.

La méthode concrète :

  • Créez votre fichier source au double des dimensions finales (ex. 600×500 px pour un 300×250)
  • Exportez en @1x (300×250) et @2x (600×500), puis référencez les deux via l’attribut srcset dans le code HTML
  • Pour les logos et éléments graphiques simples, préférez le SVG : il est vectoriel, donc net à toutes les tailles sans surpoids
  • Résolution minimale recommandée : 72 DPI pour l’affichage web, mais travaillez à 144 DPI si vous exportez en @2x

Tests à réaliser avant livraison :

  • Affichage sur un écran Retina (MacBook, iPhone) et sur un écran standard
  • Vérification sur mobile (Chrome DevTools en mode responsive, ou test sur appareil réel)
  • Contrôle du poids après export @2x : un PNG 600×500 peut facilement dépasser 200 Ko, pensez à compresser via TinyPNG ou Squoosh

Quel format choisir selon l’emplacement et l’objectif ?

Le bon format dépend autant de l’endroit où la bannière s’affiche que de ce qu’elle doit accomplir. Voici le mapping pratique.

Par emplacement :

  • Header de page (desktop) : leaderboard 728×90 ou billboard 970×250 pour les campagnes branding à fort impact
  • Sidebar (desktop) : skyscraper 160×600 ou demi-page 300×600 pour les annonces qui accompagnent la lecture
  • In-content / in-article : rectangle moyen 300×250 ou grand rectangle 336×280, formats les plus cliqués selon les guides de placement Cyberion
  • Mobile sticky (bas d’écran) : 320×50 ou 300×100 pour une présence permanente sans bloquer le contenu
  • Bandeau mail : largeur maximale de 600 px, hauteur conseillée autour de 180 px pour compatibilité avec les clients mail courants
  • Bannière chaîne YouTube : 2 560×1 440 px avec une zone de sécurité centrale visible de 1 546×423 px — tout ce qui dépasse cette zone risque d’être rogné selon l’appareil. Les guides de dimensions réseaux sociaux détaillent ces zones par plateforme.

Par objectif :

  • Notoriété / branding : privilégiez les grands formats (billboard 970×250, demi-page 300×600) qui imposent une présence visuelle forte
  • Clic / conversion : le 300×250 et le 320×50 mobile génèrent historiquement les meilleurs taux d’interaction sur le réseau display

Pour les campagnes de retargeting social media, le 300×250 reste le format pivot : il s’adapte à presque tous les inventaires et maintient la cohérence visuelle entre desktop et mobile.


Checklist avant d’exporter votre bannière

Avant d’envoyer vos fichiers à une régie ou à un client, passez chaque bannière par cette liste.

  1. Dimensions exactes : vérifiez pixel par pixel que le fichier correspond au format demandé (300×250 et non 301×250)
  2. Zone de sécurité : gardez textes et CTA à au moins 10–15 px des bords pour éviter les rognages
  3. Poids fichier : JPG/PNG sous 150 Ko, HTML5 sous 150 Ko initiaux
  4. Format de fichier : JPG pour photos, PNG pour transparence, HTML5 pour animations
  5. Nommage : incluez les dimensions et la version dans le nom (banniere_728x90_v2.png)
  6. Variantes @2x : vérifiez que la version haute densité est bien exportée et nommée
  7. Test desktop : ouvrez dans Chrome et Firefox, vérifiez l’affichage à 100 %
  8. Test mobile : simulez sur Chrome DevTools ou testez sur appareil réel
  9. Animation : durée ≤ 30 s, boucle ≤ 3 fois, pas de son en autoplay
  10. CTA lisible : le bouton ou le message d’appel à l’action doit être lisible à 50 % de zoom

Conseil de pro : Créez un dossier de livraison structuré par format (/300x250/, /728x90/, etc.) avec un fichier README listant les tailles, poids et formats inclus. Les équipes médias gagnent un temps considérable à la mise en ligne.


Quels outils utiliser pour créer et exporter vos bannières ?

Le choix de l’outil dépend du niveau de contrôle souhaité et du type de bannière à produire.

Pour des templates rapides :

  • Canva : bibliothèque de gabarits aux dimensions IAB prédéfinies (300×250, 728×90, etc.), export PNG/JPG direct, idéal pour des équipes sans designer
  • Adobe Express : similaire à Canva, avec une meilleure intégration aux assets Adobe et des options d’animation légères

Pour un contrôle total :

  • Adobe Photoshop : référence pour l’export multi-résolution et la gestion des calques ; utilisez « Exporter sous » pour générer @1x et @2x en une passe
  • Figma : bibliothèque de templates Google Display disponible gratuitement, export multi-format, collaboration en temps réel et gestion des variantes par composants

Pour les bannières HTML5 interactives :

  • Google Web Designer : outil gratuit de Google, conçu spécifiquement pour créer des bannières HTML5 conformes aux spécifications Google Ads ; gestion des animations par timeline, export prêt à l’upload

Où trouver des gabarits IAB prêts à l’emploi :

  • La bibliothèque Figma Google Display (lien ci-dessus) couvre les tailles les plus courantes
  • Google Web Designer inclut des templates aux formats IAB standards
  • HubSpot propose des exemples et bonnes pratiques créatives pour inspirer la mise en page

Ce que l’expérience agence change vraiment à la production de bannières

La plupart des erreurs de bannières ne viennent pas d’un mauvais design. Elles viennent d’une mauvaise gestion des variantes et d’une méconnaissance des contraintes techniques des régies.

Un processus agence efficace suit une logique simple : brief créatif → master design → déclinaison par format → export multi-résolution → tests sur régies → livraison structurée. Ce qui prend du temps, c’est la déclinaison.

Les pièges les plus fréquents observés en production : des fichiers JPG à 400 Ko livrés sans compression, des textes collés aux bords qui disparaissent sur mobile, et des packs sans version mobile du tout.

Travailler avec une agence comme Zetaplus sur la production de campagnes visuelles à grande échelle change l’équation : les gabarits sont construits une fois, les variantes sont générées par batch, et les tests multi-écrans font partie du livrable standard, pas d’une option.


Zetaplus produit vos packs de bannières, variantes et exports HTML5

Zetaplus

Zetaplus prend en charge la production complète : brief créatif, déclinaison de tous les formats IAB prioritaires, export HTML5 interactif, et vérification technique avant diffusion. Pas de contrat long terme, pas de réunion inutile. Un pack, un livrable structuré, prêt à uploader. Pour les marques qui lancent des campagnes display ou qui ont besoin de variantes cohérentes sur plusieurs régies, c’est la différence entre une semaine de va-et-vient et une mise en ligne le jour J. Consultez l’offre complète sur Zetaplus et demandez un devis pour votre prochain pack.


Sources

Les spécifications des plateformes évoluent régulièrement. Vérifiez les pages officielles Google Ads et IAB avant chaque campagne importante.


Questions fréquentes

Quelles sont les dimensions standard d’une bannière publicitaire ?

Les formats standards définis par l’IAB sont le 300×250 px (rectangle moyen), le 728×90 px (leaderboard) et le 160×600 px (skyscraper). Google Ad Manager recommande de fournir ces trois tailles au minimum pour couvrir la majorité des inventaires display.

Quelle est la taille de la bannière YouTube ?

La bannière de chaîne YouTube se crée à 2 560×1 440 px, mais la zone visible sur tous les appareils se limite à 1 546×423 px au centre. Placez logos et textes dans cette zone centrale pour éviter tout rognage.

Quelle est la taille idéale d’un bandeau mail ?

La largeur maximale recommandée est de 600 px, avec une hauteur autour de 180 px, pour assurer la compatibilité avec les principaux clients de messagerie (Outlook, Gmail, Apple Mail).

Quelle est la taille d’une bannière A4 imprimée ?

Un A4 standard mesure environ 210×297 mm. Pour l’impression, travaillez à 300 DPI minimum. Ce format n’a pas d’équivalent direct en bannière web.

Quelle taille de bannière LinkedIn choisir ?

La bannière de profil personnel LinkedIn est recommandée à 1 584×396 px (ratio 4:1). Les pages entreprise ont leurs propres dimensions : vérifiez le type de compte avant création pour éviter un recadrage automatique.

Recommandation

Zeta Plus — Footer v2