Vos images Shopify ont un impact considérable sur votre image de marque, vos taux de conversion, ainsi que sur le temps de chargement des pages de votre site.
Il est essentiel de choisir les bonnes images pour mettre en valeur vos produits et créer une excellente expérience client en matière de commerce électronique.
Du choix et du redimensionnement des images à la rédaction de descriptions alt, ce guide couvre tout ce que vous devez savoir sur les images pour votre boutique Shopify.
Choisir les images de Shopify
Shopify autorise jusqu’à 250 images sur chacune de vos fiches produits ! Il n’est toutefois pas conseillé d’utiliser autant de photos, car cela risque d’inonder vos listes d’images et d’affecter négativement la vitesse de chargement de vos pages.
Images du produit
Une image vaut mille mots. Ainsi, plus vous fournissez d’images de produits, plus vos visiteurs disposent d’informations pour prendre leur décision d’achat. Lorsque les clients savent exactement ce qu’ils achètent, cela favorise les conversions, réduit les retours et minimise les feedbacks négatifs.
Fournissez des photos indépendantes du produit sous tous les angles, ainsi que des images de son utilisation. Vous pouvez également utiliser des graphiques pour mettre en évidence certains aspects d’un produit, comme sa taille et ses caractéristiques.
Veillez à ce que chaque produit ait une photo prise sur un fond uni. Cette photo peut être utilisée comme vignette et donnera une impression d’uniformité lorsque les utilisateurs parcourront votre catalogue.
Ne vous contentez pas non plus des photos génériques du fabricant, prenez aussi les vôtres ! Cela vous aidera à susciter l’intérêt des utilisateurs sur votre site web et sur les autres canaux de marketing du commerce électronique.
Article connexe: Comment réaliser une vidéo de produit eCommerce percutante !
Bannières et diaporamas
Lorsque vous ouvrez une boutique en ligne, le thème Shopify que vous utilisez peut nécessiter des bannières pleine largeur. Elles sont souvent utilisées dans des diaporamas ou avec un texte superposé tout en haut de la page d’accueil d’une boutique – comme on peut le voir dans le thème gratuit populaire de Shopify « Brooklyn ».
Si vous avez besoin d’une bannière, vous devez utiliser des images simples, en haute résolution et ne comportant pas de caractéristiques. Les côtés de l’image peuvent être recadrés pour s’adapter à l’appareil sur lequel elle est visualisée.
Lorsque vous recherchez des images de bannières de haute qualité qui attirent l’attention pour votre site web, vous pouvez utiliser un service payant comme ShutterStock. Mais vous pouvez également trouver d’excellentes images de stock gratuites pour un usage commercial sur des sites web tels que :
- Burst – la plateforme officielle pour les images de stock de Shopify
- Unsplash
- Gratisographie
- OFAC
- L’instantanéité de l’action
- Pexels
- République de l’ISO
- Pixabay
- StokPic
- Picographie
Formats d’images Shopify
Shopify prend en charge les formats d’image JPEG, PNG et GIF. Mais si vous téléchargez une image dans un autre format, Shopify la convertira automatiquement en JPEG ou PNG.
La plupart des images de Shopify sont au format JPEG, qui est le meilleur format pour les photos et qui permet de trouver un équilibre entre la qualité de l’image et la taille du fichier. Choisissez toujours ce format lorsque vous téléchargez des photos.
Les PNG sont le meilleur format pour les caractéristiques qui ne comportent pas trop de couleurs, comme les logos et les icônes.
Choisir la taille de vos images
Lorsque vous examinez les images de Shopify, vous devez tenir compte de la taille en pixels. Celle-ci déterminera les dimensions de vos images.
La plus grande dimension d’image que Shopify autorise dans ses magasins est de 4472×4472 pixels, mais il s’agit du maximum absolu.
Lorsque vous choisissez la taille de l’image de la bannière Shopify, vous devez tenir compte des directives de votre thème spécifique. Par exemple, dans le thème Brooklyn mentionné ci-dessus, Shopify recommande d’ utiliser des images de 1200×800 pixels.
Pour ses images de produits, Shopify suggère généralement d’utiliser une résolution de 2048 x 2048 pixels pour les photos de produits carrées. Cette qualité est suffisante pour donner à vos produits un aspect professionnel et permet aux utilisateurs de zoomer sur les produits s’ils le souhaitent. Les images de moins de 800 x 800 pixels ne pourront pas être agrandies.
Choisir une taille pour chacun de vos types d’images et s’y tenir est la clé du succès. Ainsi, vos images apparaîtront de manière cohérente sur l’ensemble de votre site web.
Pour recadrer ou modifier les dimensions d’une image, vous pouvez utiliser l’outil de redimensionnement d’image de Shopify. L’outil de Shopify vous permet de télécharger six photos à la fois, de sélectionner l’une des trois tailles prédéfinies et de cliquer sur « Envoyer ». L’option prédéfinie moyenne correspond à la taille d’image de produit recommandée par Shopify, soit 2048 x 2048 pixels.
Cependant, l’outil de redimensionnement d’images de Shopify recadre automatiquement les images rectangulaires pour vous, ce qui offre un contrôle limité. Vous pouvez également utiliser PhotoShop, Canva, VistaCreate ou PicResize.com.
Taille du fichier de l’image Shopify
Il est essentiel de trouver un équilibre entre la qualité et la taille des images lorsque vous téléchargez des images sur Shopify. Si vous souhaitez impressionner les visiteurs avec de belles images détaillées, vous devez également veiller à ce que vos images soient suffisamment petites pour que vos pages web se chargent rapidement.
Les images de grande taille ont un impact sur le temps de chargement du site, ce qui, à son tour, a un impact sur le classement de votre boutique Shopify dans les moteurs de recherche et sur les taux de conversion.
Une étude menée par Google a révélé que les taux de rebond augmentent avec le temps de chargement des pages. Lorsque le temps de chargement passe d’une seconde à trois secondes, la probabilité de rebond des utilisateurs est de 32 %. Et si le temps de chargement passe à 10 secondes, ce chiffre grimpe à 123 %.
Des pages plus rapides sont meilleures et l’un des moyens les plus simples d’améliorer les temps de chargement de votre site est de réduire la taille de vos images.
Bien que Shopify autorise des images d’une taille maximale de 20 Mo, il est préférable de réduire considérablement la taille de vos fichiers. Même si vous ne remarquez pas de retard de chargement, les autres utilisateurs du site le remarqueront. La lenteur du chargement des pages a un effet néfaste sur les performances de votre site dans Google, alors faites en sorte qu’il soit rapide !
Vous craignez peut-être que la réduction de la taille du fichier d’une image n’affecte sa qualité, mais ce n’est pas toujours le cas. Les images Shopify compressées peuvent améliorer les temps de chargement sans réduire sensiblement la qualité de l’image.
Shopify compresse légèrement les images de grande taille téléchargées sur ses boutiques. Mais cette méthode ne permet pas aux utilisateurs de contrôler les détails et ne convient pas aux vendeurs multicanaux. À la place, vous pouvez utiliser un outil de compression et choisir un paramètre de qualité compris entre 65 et 85 – la meilleure valeur se situant autour de 72.
Vous pouvez également essayer cet autre outil de redimensionnement et d’optimisation d’ images Shopify disponible sur l’app store, qui vous permet de redimensionner et de compresser vos images Shopify en même temps. Cependant, il ne permet que dix actions gratuites par mois.
Téléchargement d’images Shopify
Une fois que vous avez choisi vos images de stock Shopify et que les dimensions de vos photos de produits sont correctes, il est temps de les télécharger sur votre boutique Shopify et d’effectuer deux dernières tâches.
Tout d’abord, examinez l’aspect de vos images Shopify sur différents appareils. Assurez-vous qu’elles sont attrayantes sur les mobiles, les ordinateurs de taille moyenne et les ordinateurs à écran large.
Ensuite, vous pouvez ajouter un texte alt à chacune de vos images de produits. Ce texte sera lu aux visiteurs malvoyants ou affiché en cas de problème avec vos images. Le texte alt peut ne pas sembler très important, mais il contribue à optimiser votre site web pour les moteurs de recherche, alors n’oubliez pas de l’inclure !
Cliquez sur une image et vous verrez une option pour ajouter un texte alt. Vous pouvez également les télécharger en masse à l’aide d’un fichier CSV. Rédigez une description claire du produit en vous basant sur ce que l’on peut voir dans chaque image. Shopify recommande de ne pas dépasser 125 caractères.
Bien que cela puisse paraître fastidieux, l’optimisation du site web et la qualité de l’image sont essentielles pour créer une expérience utilisateur fluide et améliorer la visibilité de votre boutique.
Une fois que vous aurez mis en place un processus, le téléchargement de belles images Shopify deviendra une seconde nature !