Canevas de départ pour ordinateur
2400 × 1000 pxUn exemple de préparation, pas une taille de sortie obligatoire ou garantie.
Ordinateur, mobile et changements de format
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.
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.
Exemples de compositions générées par AI dans des mises en page illustratives. Votre thème Shopify détermine le recadrage final.
Un exemple de préparation, pas une taille de sortie obligatoire ou garantie.
Un exemple de préparation pour les thèmes dotés d’un champ d’image mobile.
Shopify limite séparément la surface en pixels et le poids du fichier.
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.
| Emplacement ou exigence | Canevas ou limite de téléversement | Points à vérifier |
|---|---|---|
| Bannière large pour ordinateur | 2400 × 1000 px — 12:5 | Notre 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 mobile | 1200 × 1500 px — 4:5 | Notre 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 écrans | Respecter le format de votre section | Gardez 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ème | Jusqu’à 20 MP et 20 Mo | Les 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.
Apportez vos références produit, la forme de la section et les options mobiles au créateur de bannières.
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.
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.
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.
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.
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.
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.