Créer une bannière web avec l’IA : format, poids et droits (leçon 8)

Quel format donner à une bannière web ?

Réponse directe : Un format horizontal 16:9, par exemple 1600 × 900 pixels, avec le sujet principal au centre. Sur mobile, la plupart des thèmes recadrent la bannière sur les côtés : ce qui est placé près des bords disparaît. Une bannière verticale, à l’inverse, est coupée en haut et en bas.

On le précise à l’IA dès la demande : format, sujet centré, marges libres. Les générateurs intégrés à ChatGPT, Gemini, Canva ou Adobe Firefly acceptent tous une indication de format.

Consigne à copier :

Crée une image horizontale au format 16:9 pour la bannière d'une page web.
Sujet : [décrire la scène, sans personne réelle identifiable].
Le sujet principal occupe le centre ; laisse 15 % de marge libre sur les côtés.
Aucun texte, aucun logo, aucune lettre dans l'image.
Style : [photographique / illustration à plat], couleurs [vos couleurs].

Faut-il mettre du texte dans la bannière ?

Réponse directe : Non, pas le texte important. Un titre écrit dans une image n’est lu ni par Google, ni par les assistants d’IA, ni par les lecteurs d’écran, et il devient illisible sur mobile. Le titre, l’offre et le bouton vont dans la page, en texte, par-dessus ou sous l’image.

Les générateurs d’images écrivent d’ailleurs mal : lettres inventées, mots déformés. La consigne « aucun texte dans l’image » évite de devoir retoucher.

Google le rappelle dans ses bonnes pratiques pour les images : placer les images près d’un texte pertinent, et donner le sens dans le texte et l’attribut alt, pas dans les pixels.

Quel poids viser pour une bannière ?

Réponse directe : Moins de 200 Ko, en WebP ou AVIF, à la largeur réellement affichée. Une image générée sort souvent en PNG de 2 à 5 Mo : publiée telle quelle, elle ralentit l’affichage, surtout sur mobile. La bannière est fréquemment l’élément qui détermine le LCP, l’indicateur de vitesse perçue de Google.

Étape 1 — Redimensionner

À la largeur maximale affichée par votre thème (souvent 1200 à 1920 px), pas davantage.

Étape 2 — Convertir en WebP

Avec l’outil d’export de Canva, Squoosh, ou une extension WordPress. Google indique que le WebP est nettement plus léger que le JPEG ou le PNG à qualité comparable.

Étape 3 — Nommer le fichier

banniere-boulangerie-arlon-pain-levain.webp plutôt que image-generee-1.png : Google recommande des noms de fichiers descriptifs.

A-t-on le droit d’utiliser une image générée par IA sur un site commercial ?

Réponse directe : Cela dépend des conditions de l’outil, à lire avant usage : la plupart des générateurs grand public autorisent l’usage commercial, certains sous conditions ou selon l’abonnement. Et l’image ne doit pas reproduire une œuvre, un personnage, une marque ou une personne réelle.

• Conditions d’utilisation : chercher « commercial use » ou « usage commercial » dans les conditions de l’outil.
• Ressemblance : pas de personne réelle reconnaissable, pas de logo, pas de style d’un illustrateur nommé.
• Protection : une image produite par une simple consigne est difficilement protégeable par le droit d’auteur (voir la leçon 12).

Faut-il signaler qu’une bannière est générée par IA ?

Réponse directe : Oui si elle représente une scène réaliste qui pourrait passer pour vraie : l’article 50 de l’AI Act impose alors de le signaler. Une illustration manifestement graphique ou abstraite pose moins de question. La leçon 9 détaille où et comment le faire sur un site.

Le cadre juridique complet est dans étiqueter un contenu généré par IA. Pour les images d’entreprise, une vraie photo reste souvent le meilleur choix : la méthode d’un expert IA pour le web réserve l’IA à ce qu’une photo ne peut pas montrer.

Questions fréquentes

Quelle taille pour une bannière de site web ?

Un format 16:9, par exemple 1600 × 900 pixels, avec le sujet centré. La largeur finale dépend du thème, souvent entre 1200 et 1920 pixels.

Quel format de fichier choisir pour une bannière ?

Le WebP ou l’AVIF, pris en charge par Google et les navigateurs actuels, pour un poids inférieur à 200 Ko.

Peut-on écrire le titre de la page dans la bannière ?

Mieux vaut l’éviter : un texte dans une image n’est lu ni par Google, ni par les lecteurs d’écran, ni par les assistants d’IA. Le titre va dans la page.

Une image générée par IA est-elle libre de droits ?

Pas automatiquement. L’usage dépend des conditions de l’outil, et l’image ne doit reproduire ni œuvre, ni marque, ni personne réelle.

Nos sources

Les chiffres cités dans cet article proviennent de sources publiques identifiées, consultées en septembre 2026 :

• Google Search Central — Google Images SEO best practices (mis à jour le 2 mars 2026)
• Google for Developers — WebP, un format d’image pour le web
• web.dev — Optimize Largest Contentful Paint

Transparence — cet article a été produit avec l’assistance de l’intelligence artificielle pour la recherche et le croisement des sources, la structuration et la mise en page. Les données chiffrées proviennent des sources publiques citées ci-dessus et sont vérifiables.

La sélection du sujet, la vérification des faits et la responsabilité éditoriale sont assurées par la rédaction d’info-lux.com. Voir notre charte éditoriale et IA.

• 📁 Dans cet articleIntelligence artificielle & GEO

  
  Créer une bannière web avec l’IA : format, poids et droits (leçon 8)
• 
  IA et web, la semaine du 28 septembre au 4 octobre 2026 : avis Google Maps réservés aux comptes connectés, liens Gemini enfin traçables, et une mise à jour anti-spam qui n’est pas finie
• 
  Exercice : refaire sa page « À propos » avec l’IA pour inspirer confiance (leçon 7)
• 
  Google demande de vérifier à la main tout contenu généré par IA, balises comprises : le cas pratique d’une épicerie fine de la région
• 
  Relire ce que l’IA a écrit : la méthode en 4 contrôles contre les erreurs (leçon 6)
• 
  Le chiffre de la semaine : 83 % des recherches de marque affichent un Aperçu IA aux États-Unis — ce que Google peut dire de votre entreprise quand un client tape son nom