Nous savons que vous souhaitez que les meilleures images soient représentées sur votre site Web. Cet article vous montrera une ligne directrice sur les tailles d’image à afficher parfaitement sur votre site.
Sur cette page
Tailles d'image pour différentes sections et blocs
Sur le thème Be Yours , nous vous recommandons d'appliquer les tailles d'image particulières à différentes sections comme suit :
- Produits groupés : 1000 x 1100 pixels.
- Image vedette de l'article de blog :
Vous pouvez choisir des images au format carré, large ou paysage pour obtenir le meilleur rendu possible. Les tailles recommandées dans ces cas sont :
- Carré : au moins 2 000 x 2 000 pixels
- Paysage : au moins 2400 x 1600 pixels
- Large : au moins 2 400 x 1 350 pixels
Pour définir l'image sélectionnée de l'article de blog, accédez à Boutiques en ligne > Articles de blog dans votre tableau de bord d'administration Shopify. Cliquez ensuite sur la publication et localisez la zone Image en vedette dans la colonne de droite pour ajouter l'image.
Sur votre site Web, l'image sélectionnée de l'article de blog est affichée à deux endroits : une image miniature de l'article sur la page du blog et une bannière supérieure sur la page de l'article.
Image miniature du message :
Bannière supérieure du message :
- Image vedette de la collection :
Les tailles de pixels d’image recommandées sont similaires à celles de l’image présentée dans l’article de blog.
Pour définir l'image sélectionnée de la collection, accédez à Produits > Collections dans votre tableau de bord d'administration Shopify. Cliquez ensuite sur la collection et localisez la zone Image de la collection dans la colonne de droite pour ajouter l'image.
- Comparaison d'images : 1920 x 960 pixels.
- Image avec superposition de texte : 1920 x 1280 pixels.
- Images en couches avec texte : 1000 x 1100 pixels.
- Lookbook : 1500 x 750 pixels.
- Image de promotion dans le méga menu (section En-tête) :
La taille recommandée dépend du rapport d'image choisi, par exemple :
- Carré : au moins 2 000 x 2 000 pixels
- Portrait : au moins 2000 x 2500 pixels
- Paysage : au moins 2400 x 1600 pixels
- Large : au moins 2 400 x 1 350 pixels
- Révéler la bannière : 1920 x 1280 pixels.
- Shoppez le look : 1000 x 1000 pixels.
- Diaporama : 2048 x 1365 pixels.
Pour le diaporama , nous vous recommandons fortement d'insérer des images distinctes pour les versions de bureau et mobile afin d'avoir la meilleure représentation d'image sur différents appareils.
Si vous appliquez les mêmes images pour les deux versions, le recadrage par défaut se fait à partir du centre des images lors de l'affichage sur mobile. Pour éviter de perdre les détails importants de vos images et vous concentrer sur différents appareils d'affichage, vous pouvez appliquer l'une de ces méthodes :
- Essayez de garder les parties les plus convaincantes et pertinentes au centre de l’image lors de la conception ou de la photographie.
- Ou bien, vous conservez l'image d'origine lors du chargement sur ordinateur ou mobile en choisissant l'option Adapter à la première image dans Diaporama > Hauteur du bureau ou Diaporama > Disposition mobile > Liste déroulante Hauteur mobile .
- Collage d'onglets : 1200 x 1200 pixels.
Tailles d'image pour les produits
Depuis l'onglet Produits de votre tableau de bord Shopify Admin, vous pouvez ajouter de nouveaux produits avec leurs images. Ces produits et images s'afficheront dans les sections liées aux produits sur votre site Web à thème Beyours, telles que la collection en vedette , le produit en vedette ou les produits récemment consultés . Dans ces sections, les options de rapport d'image comprenant Adapter à l'image , Carré , Portrait , Paysage et Large sont disponibles pour afficher les images de produits de votre choix.
Nous recommandons les tailles d'image du produit en fonction de ces ratios d'image comme suit :
- Carré : au moins 2000 x 2000 pixels
- Portrait : au moins 2000 x 2500 pixels
- Paysage : au moins 2400 x 1600 pixels
- Large : au moins 2400 x 1350 pixels
Ce sont toutes nos recommandations pour les meilleures tailles d’image utilisées sur le thème Be Yours .
Il est également important de noter que vous devez appliquer une taille cohérente aux images situées dans des blocs similaires dans la même section. Par exemple, vous ajoutez une section Diaporama contenant 4 images, alors assurez-vous que ces quatre images ont la même taille.
Nous espérons que cet article vous sera utile ! Si vous avez des inquiétudes concernant cette fonctionnalité, n'hésitez pas à contacter notre équipe pour obtenir une assistance supplémentaire.
Share:
Écouteurs et déclencheurs d'événements Javascript personnalisés dans Be Yours
Ajoutez des polices personnalisées à votre thème Shopify