La photo est souvent le tout premier élément qu'un visiteur regarde sur une fiche produit, avant même de lire le titre. Ce guide reste volontairement concentré sur l'essentiel : vous n'avez pas besoin de devenir photographe professionnel pour donner une bonne impression avec vos médias Atelier Lumière.

Le format des fichiers

Shopify accepte plusieurs formats d'image pour vos produits, notamment le JPEG, le PNG et le WebP. Pour une photo de produit classique, le JPEG ou le WebP offrent en général un bon compromis entre qualité visuelle et poids de fichier, ce qui aide votre boutique à se charger rapidement.

Les dimensions recommandées

Une image carrée d'environ 2048 par 2048 pixels s'affiche généralement bien dans la plupart des thèmes Shopify. En dessous de 800 par 800 pixels, la fonction de zoom sur la fiche produit peut ne pas fonctionner correctement, ce qui empêche un client de vérifier un détail de près. Shopify accepte des images plus grandes, jusqu'à 4472 par 4472 pixels et 20 mégaoctets par fichier, mais viser une taille raisonnable dès le départ évite d'alourdir inutilement votre boutique.

Pour Atelier Lumière, photographiez toutes vos bougies dans un format carré cohérent : cette régularité, plus que la dimension exacte au pixel près, est ce qui donne une impression professionnelle à votre catalogue.

Le poids du fichier

Une photo trop lourde ralentit le chargement de votre boutique, en particulier sur une connexion mobile. Avant de l'ajouter, vérifiez que votre photo ne pèse pas plusieurs dizaines de mégaoctets : la plupart des logiciels de retouche, y compris gratuits, proposent une option d'export optimisée pour le web qui réduit fortement le poids sans perte visible de qualité.

L'ordre des images sur une fiche

Une fiche produit accepte plusieurs images. La première, dans l'ordre où vous les ajoutez ou les réorganisez par glisser-déposer, devient l'image principale : celle utilisée dans le catalogue, les collections, et les résultats de recherche internes à la boutique. Pour Bougie Cèdre, choisissez comme première image une vue nette et flatteuse de la bougie entière, puis ajoutez ensuite des angles complémentaires : la bougie allumée, un gros plan sur la cire, l'emballage si vous en avez un.

Le texte alternatif

Chaque image peut recevoir un texte alternatif, une courte description écrite plutôt que visuelle. Ce texte sert à deux choses : il est lu à voix haute par les technologies utilisées par les personnes malvoyantes pour naviguer sur le web, et il s'affiche à la place de l'image si celle-ci ne parvient pas à se charger. Pour la photo principale de Bougie Cèdre, un texte comme « Bougie parfumée au cèdre, format 250 grammes, posée sur un fond clair » est bien plus utile qu'un texte vide ou qu'un simple « image1 ».

Le texte alternatif n'est pas un détail accessoire

Au-delà de l'accessibilité, un bon texte alternatif aide aussi les moteurs de recherche à comprendre le contenu d'une image, ce qui peut améliorer sa visibilité dans une recherche d'images. Ce n'est jamais l'endroit pour empiler des mots-clés : décrivez simplement, et honnêtement, ce que montre la photo.

Ce que vous devriez voir

Une fois vos images ajoutées et réorganisées, ouvrez la fiche publique de Bougie Cèdre : la première image de votre liste doit apparaître en grand, avec les autres visibles en vignettes que le client peut cliquer pour les afficher à leur tour. Zoomez sur l'image principale si votre thème le permet, pour vérifier qu'elle reste nette même agrandie.

Vérifiez que vous avez compris

Vous avez ajouté trois photos à la fiche Bougie Cèdre, mais aucune n'a de texte alternatif renseigné. Un visiteur malvoyant utilisant un lecteur d'écran pourra-t-il comprendre ce que montrent ces images ?

Pas correctement. Sans texte alternatif, un lecteur d'écran ne peut décrire l'image que de façon très limitée, parfois en énonçant simplement le nom du fichier. C'est exactement pour cette raison que ce champ, souvent négligé, mérite d'être rempli systématiquement.

Chapitre terminé