Comment créer des images Shopify époustouflantes
Cillian Bracken-Conway
Published in eCommerce Tips, Shopify - 7 min read - July 12, 2023
Les images de votre boutique Shopify ont un impact considérable sur l’image de votre 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 offrir une expérience client optimale en eCommerce.
De la sélection et la 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 des images pour Shopify
Shopify permet d’ajouter jusqu’à 250 images par fiche produit ! Cependant, utiliser autant de photos n’est pas conseillé, car cela pourrait surcharge vos fiches avec des images et ralentir la vitesse de chargement de vos pages.
Images de produits
Une image vaut mille mots. Plus vous fournissez d’images de vos produits, plus vos visiteurs auront d’informations pour décider d’acheter. Quand les clients savent précisément ce qu’ils achètent, cela booste les conversions, diminue les retours et limite les retours négatifs.
Proposez des photos du produit sous différents angles, ainsi que des images en situation d’usage. Vous pouvez aussi utiliser des infographies pour mettre en avant certains aspects comme la taille et les fonctionnalités.
Profitez de cette opportunité pour présenter vos produits sous tous les angles !
Assurez-vous que chaque produit dispose d’une photo prise sur fond uni. Elle servira d’image miniature et assurera une cohérence visuelle lors de la navigation dans votre catalogue.
Ne vous limitez pas aux photos génériques du fabricant, prenez aussi vos propres clichés ! Cela vous aidera à engager davantage les visiteurs de votre site et à renforcer votre stratégie de marketing eCommerce.
Article associé : Comment réaliser une vidéo produit eCommerce efficace !
Images pour bannières et diaporamas
Lors de l’ouverture d’une boutique en ligne, le thème Shopify choisi peut nécessiter des images de bannière en pleine largeur. Elles sont souvent utilisées dans des diaporamas ou avec du texte en superposition en haut de la page d’accueil, comme dans le célèbre thème gratuit « Brooklyn ».
Optez pour des images de bannière simples, de haute qualité, pour la page d’accueil de votre boutique Shopify.
Si vous avez besoin d’une bannière, privilégiez des images simples, en haute définition, sans texte. Les bords de l’image peuvent être recadrés en fonction de l’écran sur lequel elles seront affichées, alors gardez cela à l’esprit.
Pour trouver des images de haute qualité et percutantes pour votre site, vous pouvez utiliser un service payant comme ShutterStock. Mais il existe aussi d’excellentes images libres de droits pour un usage commercial sur des sites comme :
- Burst - la plateforme officielle d’images stock Shopify
- Unsplash
- Gratisography
- FOCA
- Stock Snap
- Pexels
- ISO Republic
- Pixabay
- StokPic
- Picography
Il existe de nombreuses ressources en ligne pour obtenir des images libres de droits, idéales pour créer de superbes images Shopify.
Formats d’images Shopify
Shopify supporte les formats JPEG, PNG et GIF. Si vous uploadez un autre format, Shopify le convertira automatiquement en JPEG ou PNG.
La majorité des images Shopify seront en JPEG, le meilleur format pour les photos, offrant un bon compromis entre qualité d’image et taille de fichier. Privilégiez ce format pour vos photographies lors du téléchargement.
Les PNG sont parfaits pour les graphiques avec peu de couleurs, comme les logos et icônes.
Choisir la taille de vos images
Lorsque vous examinez des images sur Shopify, il faut prendre en compte la taille en pixels. C’est elle qui détermine les dimensions de vos images.
La taille maximale autorisée pour une image Shopify est de 4472x4472 pixels, mais ce n’est qu’un maximum absolu.
Pour la taille des bannières, il faut respecter les recommandations de votre thème. Par exemple, dans le thème Brooklyn mentionné plus haut, Shopify recommande d’utiliser des images de 1200x800 pixels.
Pour vos images produits, Shopify suggested généralement d’utiliser des images carrées de 2048x2048 pixels. Cela garantit une haute qualité, donnant un aspect professionnel à vos produits, et permet aux utilisateurs de zoomer si souhaité. Les images inférieures à 800x800 pixels ne seront pas zoomables.
Pour vos images produits, utilisez du 2048x2048 pour une résolution de haute qualité en zoom.
Choisir une taille pour chaque type d’image et s’y tenir est crucial pour une cohérence. Vos images seront ainsi uniformes sur tout votre site.
Pour recadrer ou modifier les dimensions d’une image, vous pouvez utiliser l’outil de redimensionnement Shopify. Il permet de télécharger six photos en même temps, de choisir parmi trois tailles prédéfinies, puis de cliquer sur Envoyer. La taille recommandée est 2048x2048 pixels, correspondant à la preset « Medium ».
Mais cet outil recadrera automatiquement les images rectangulaires, avec une possibilité de contrôle limitée. Alternativement, utilisez Photoshop, Canva ou PicResize.com.
Poids des fichiers images Shopify
Il est essentiel de trouver un équilibre entre la qualité de l’image et sa taille lors du téléchargement sur Shopify. Des images trop lourdes ralentissent votre site et nuisent à l’expérience utilisateur, tandis que des images trop légères risquent de dégrader la qualité.
Les images lourdes impactent le temps de chargement, ce qui peut affecter votre classement SEO de votre boutique Shopify et vos taux de conversion.
Une étude de Google montre qu’en augmentant le temps de chargement, on augmente également le taux de rebond. Passer d’un chargement à 1 seconde à 3 secondes augmente la probabilité de rebond à 32 %, et si cela atteint 10 secondes, ce taux monte à 123 %.
Des pages plus rapides sont meilleures, et pour gagner en rapidité, la meilleure solution est de réduire la taille de vos images.
Shopify permet des tailles d’images allant jusqu’à 20 Mo, mais il est conseillé de réduire considérablement la taille de vos fichiers. Même si vous ne constatez pas de délais de chargement, d’autres utilisateurs peuvent en subir, ce qui affecte négativement votre référencement Google. Il faut donc que vos images soient aussi légères que possible tout en restant belles!
Il est possible que la compression d'une image réduise un peu sa qualité, mais souvent cela n’est pas perceptible. Compressées, les images Shopify peuvent charger plus vite sans perte visible de qualité.
Shopify compresse légèrement les images volumineuses téléchargées. Cependant, cet automated ne laisse pas beaucoup de contrôle à l’utilisateur et ne convient pas aux vendeurs multicanaux. Vous pouvez plutôt utiliser un outil de compression en choisissant un niveau de qualité entre 65 et 85, idéalement autour de 72.
Utilisez des outils de compression en ligne pour réduire la taille de vos images. [Source]
Sinon, vous pouvez aussi essayer cet autre outil Shopify de Redimensionnement ou l’outil d’optimisation disponible dans l’app store, qui permet de redimensionner et compresser vos images Shopify en une seule étape. Notez que la version gratuite limite à 10 actions par mois.
Importer des images Shopify
Une fois vos images d’inventaire choisies et vos photos de produits redimensionnées, il ne reste plus qu’à les télécharger dans votre boutique Shopify et à effectuer deux étapes finales.
D’abord, vérifiez l’affichage de vos images sur différents appareils. Assurez-vous qu’elles restent belles en mode mobile, sur des desktops moyens et des grands écrans.
Testez vos images sur différentes tailles d’écrans pour garantir leur qualité multicanal.
Ensuite, ajoutez du texte alternatif à chaque image de vos produits. Ce texte sera lu par les lecteurs d’écran pour les visiteurs malvoyants ou affiché en cas de problème avec l’image. Bien que cela semble anodin, le texte alt contribue à l’optimisation SEO de votre site, alors n’oubliez pas de le rédiger !
Pour ajouter un texte alt, cliquez sur l’image et vous verrez une option pour le faire. Vous pouvez aussi importer en masse via un fichier CSV. Rédigez une description claire du produit selon ce qui est visible sur l’image. Shopify recommande de ne pas dépasser 125 caractères.
Bien que cela prenne un peu de temps, optimiser votre site et améliorer la qualité des images sont essentiels pour une expérience fluide et pour augmenter la visibilité de votre boutique.
Une fois votre procédé bien en place, le téléchargement d’excellentes images pour Shopify deviendra une seconde nature !