Réussi
Quelle est la taille d’image recommandée pour une bannière?
Choisissez des images de bannière nettes et légères, avec des dimensions adaptées aux mises en page pleine largeur, mobiles et à plusieurs colonnes.
Images pleine largeur
Section intitulée « Images pleine largeur »Pour les bannières pleine largeur, utilisez des images de 1600 à 2400 px de large à 72 dpi. Choisissez la hauteur en fonction de votre design et de votre mise en page.
Pour les images de bannière spécifiques aux mobiles, optez pour une largeur de 640 à 800 px à 72 dpi. Vous pouvez utiliser des images d’à peine 320 px de large, mais commencer avec une taille légèrement supérieure permet à l’image de se réduire plus nettement.
Pour plus de détails sur le téléchargement d’images, consultez la documentation Shopify sur le téléchargement d’images
Pour obtenir des conseils sur la mise en page, consultez la documentation Company XYZ sur l’adaptation des bannières pour les ordinateurs et les appareils mobiles.
Images à plusieurs colonnes
Section intitulée « Images à plusieurs colonnes »Pour les images affichées dans une section à plusieurs colonnes, faites en sorte que l’image soit environ 1,5 à 2 fois plus large que sa largeur d’affichage moyenne.
Par exemple, si une mise en page à deux colonnes utilise une largeur moyenne en pleine largeur d’environ 1600 px, chaque colonne fait environ 800 px de large. Une image d’environ 800 px de large constitue un bon point de départ; il est possible d’arrondir légèrement à la hausse.
Trouver la meilleure taille peut nécessiter quelques essais. Vérifiez la mise en page sur plusieurs appareils et ajustez-la jusqu’à ce que l’image soit correctement affichée.
Optimiser les fichiers image
Section intitulée « Optimiser les fichiers image »Évitez d’utiliser des fichiers image inutilement volumineux. Des dimensions excessives et des fichiers lourds peuvent ralentir votre site et affecter son référencement naturel.
Les thèmes redimensionnent automatiquement les images pour les appareils mobiles, mais compresser les images avant de les télécharger permet de conserver des fichiers légers. tinypng.com est un outil gratuit et simple pour compresser les images.
Pour obtenir des conseils plus généraux, consultez la documentation Shopify sur l’amélioration des performances de votre boutique en ligne