Accéder au contenu

Ordinateur, mobile et changements de format

Guide des tailles de bannières Shopify et du recadrage mobile

Vérifiez comment votre thème recadre les bannières, puis choisissez un canevas pour ordinateur et une composition mobile si votre thème le permet.

Découvrez ce qui change sur mobile

Comparez un recadrage centré et une composition conçue pour le mobile.

Un cadre étroit peut couper les côtés d’une image large. Ajouter des pixels ne suffit pas à corriger la composition.

Concept AI de collection de céramique servant de référence aux compositions de bannières.
Concept AI de collection de céramique servant de référence aux compositions de bannières.
Recadrage centré

Exemples de compositions générées par AI dans des mises en page illustratives. Votre thème Shopify détermine le recadrage final.

01

Canevas de départ pour ordinateur

2400 × 1000 px

Un exemple de préparation, pas une taille de sortie obligatoire ou garantie.

02

Canevas de départ pour mobile

1200 × 1500 px

Un exemple de préparation pour les thèmes dotés d’un champ d’image mobile.

03

Limites de téléversement du thème

20 MP / 20 Mo

Shopify limite séparément la surface en pixels et le poids du fichier.

Commencez par la section, puis choisissez la taille

Votre thème, la hauteur de la section et la forme de l’écran déterminent l’affichage d’une bannière. Le tableau distingue les exemples de canevas des limites de téléversement de Shopify.

Commencez par la section, puis choisissez la taille
Emplacement ou exigenceCanevas ou limite de téléversementPoints à vérifier
Bannière large pour ordinateur2400 × 1000 px — 12:5Notre suggestion de départ. Prévoyez de l’espace pour le titre et éloignez le sujet des bords susceptibles d’être coupés.
Bannière verticale pour mobile1200 × 1500 px — 4:5Notre suggestion de départ si votre thème propose une image mobile distincte. Adaptez la composition à un écran plus étroit.
Une image pour les deux écransRespecter le format de votre sectionGardez le sujet essentiel dans la zone visible des deux aperçus. Vérifiez la prise en charge du point focal.
Téléversement d’images de thèmeJusqu’à 20 MP et 20 MoLes limites de téléversement des images de thème diffèrent de celles des médias produit.

Les canevas pour ordinateur et mobile sont des exemples de préparation, pas des exigences Shopify, des dimensions de sortie garanties par PagePop ni les dimensions des images conceptuelles présentées ici. Vérifiez le fichier téléchargé et redimensionnez-le si votre thème exige une autre taille.

Spécifications vérifiées le 2026-10-14Images de thème et recadrage dans Shopify

Vérifiez la bannière dans votre thème

  • Identifiez la section exacte et ses réglages de hauteur sur ordinateur et mobile.
  • Si possible, conservez le titre et le bouton dans le contenu du thème, avec une zone dégagée derrière eux.
  • Prévisualisez le sujet et le texte sur ordinateur et mobile avant la publication.
  • Si le sujet est coupé, vérifiez la hauteur de la section, le format de l’image et son point focal.
  • Utilisez une composition mobile distincte uniquement si votre thème propose un champ d’image mobile.

Générez une bannière pour votre section

Apportez vos références produit, la forme de la section et les options mobiles au créateur de bannières.

Générer une bannière

Avant de commencer

Existe-t-il une taille standard de bannière Shopify ?

La taille adaptée dépend de votre thème et de votre section. Nos exemples de préparation sont 2400 × 1000 px pour un canevas large sur ordinateur et 1200 × 1500 px pour un canevas vertical sur mobile. Ce ne sont ni des exigences Shopify ni des dimensions de sortie garanties par PagePop. Confirmez les exigences du thème et vérifiez le fichier réel avant de le téléverser.

Pourquoi ma bannière Shopify est-elle recadrée sur mobile ?

Une image large et une zone d’image mobile haute ont des proportions différentes. Pour remplir cette zone, le thème peut masquer une partie des côtés. Augmenter uniquement la résolution ne change pas le recadrage.

Comment réduire les recadrages indésirables de ma bannière ?

Vérifiez la hauteur de la section ou une option d’adaptation à l’image. Si le thème le permet, définissez un point focal, utilisez un format plus proche ou téléversez une composition mobile distincte. Prévisualisez chaque modification dans le thème réel.

Tous les thèmes Shopify acceptent-ils une bannière mobile distincte ?

Seuls certains thèmes et certaines sections proposent des champs d’image mobile distincts. Consultez les réglages et la documentation de votre thème. S’il n’y a pas de champ d’image mobile, utilisez une seule image et prévisualisez son cadrage aux largeurs d’écran pour ordinateur et mobile.

Quelles limites de fichier s’appliquent aux bannières de thème Shopify ?

La documentation de téléversement des images de thème indique des limites de 20 mégapixels et 20 Mo. La surface en pixels et le poids du fichier sont deux limites distinctes. Les limites des médias produit étant différentes, suivez les exigences de la destination du téléversement.

La bannière doit-elle contenir du texte ?

Utilisez si possible les champs de titre, de description et de bouton du thème. Le texte intégré à une image peut être coupé ou devenir trop petit sur mobile. Un fond dégagé facilite le placement d’un contenu lisible dans le thème.