Photos produit e-commerce : nombre, formats, zoom et vidéo

Sur une fiche produit, la photo remplace le produit que le client ne peut pas toucher. Il n'existe pas de nombre magique : il faut assez de visuels pour répondre aux questions d'achat (aspect, taille, détails, usage), un zoom qui montre réellement la matière, des fichiers légers pour ne pas ralentir la page, et une vidéo placée dans la galerie. Voici comment construire chaque galerie et par où commencer sur un grand catalogue.

Pourquoi les photos sont-elles le premier levier de la fiche produit ?

Parce que c'est la première chose que le visiteur regarde. Dans les tests du Baymard Institute, 56 % des participants ont commencé par explorer les images en arrivant sur une fiche produit (Baymard, résolution et zoom). Les images servent aussi à juger ce que le texte décrit mal : 42 % des utilisateurs essaient d'évaluer la taille d'un produit à partir des photos (Baymard, état des lieux des pages produit, 2026).

Une galerie pauvre ne se contente pas de mal présenter le produit : elle laisse sans réponse les questions qui bloquent l'achat.

Combien de photos et lesquelles ?

Plutôt qu'un nombre, raisonnez en types de visuels. Chacun répond à une question différente :

Type de visuel	Question à laquelle il répond
Détourage sur fond neutre	À quoi ressemble le produit, précisément ?
Vues sous plusieurs angles (dos, côté, dessous)	Comment est-il de partout ?
Gros plan sur la matière, les finitions	Quelle qualité ? Quelle texture ?
Photo à l'échelle (portée, en main, à côté d'un objet connu)	Quelle taille réelle ?
Photo en situation d'usage	Comment s'intègre-t-il chez moi, sur moi ?
Variantes (chaque couleur photographiée)	À quoi ressemble la couleur que je choisis ?
Visuel d'information (dimensions, contenu du coffret)	Qu'est-ce que je reçois exactement ?

Les deux types les plus souvent absents sont aussi ceux qui lèvent le plus de doutes. 37 % des sites ne proposent pas d'image à l'échelle et 23 % ne montrent pas leurs produits portés quand c'est pertinent (Baymard, 2026). Baymard recommande au moins une photo à l'échelle par produit : avec une personne, une main ou un objet familier (Baymard, images à l'échelle).

Et sur les pages catégorie ?

La galerie ne se limite pas à la fiche produit. 80 % des sites ne proposent pas au moins trois vignettes par produit dans leurs listes (Baymard, listes produits 2025). Une deuxième image au survol (desktop) ou au balayage (mobile) aide à trier sans ouvrir chaque fiche.

Quel zoom et quelle résolution ?

Le zoom est devenu une convention : 93 % des sites desktop permettent de zoomer sur tout ou partie des images. Mais 25 % des sites ne fournissent pas une résolution ou un niveau de zoom suffisant pour voir les détails du produit (Baymard).

Les règles pratiques :

Photographiez en haute définition pour que le zoom montre la trame d'un tissu ou le grain d'un bois, pas des pixels.
Sur mobile, servez une image légère par défaut, puis chargez la version haute définition seulement quand l'utilisateur zoome, comme le recommande Baymard.
Autorisez le geste naturel : pincer pour zoomer, balayer pour passer à l'image suivante.
Ouvrez la galerie en plein écran au toucher, avec une sortie évidente.

Quels formats de fichier pour ne pas ralentir la page ?

La photo principale est presque toujours l'élément le plus lourd et le plus visible de la page. Selon le Web Almanac 2025 de HTTP Archive, une image est le plus grand élément affiché (celui que mesure l'indicateur LCP de Google) sur 76 % des pages mobiles (Web Almanac 2025, performance). Une photo mal optimisée pénalise donc directement la vitesse perçue.

Les bonnes pratiques techniques :

Formats modernes : WebP et AVIF sont pris en charge par Google Images au même titre que JPEG et PNG (Google Search Central, bonnes pratiques images). Comparez le poids obtenu sur vos propres photos avant de généraliser.
Images adaptées à l'écran : utilisez srcset et sizes pour qu'un smartphone ne télécharge pas une image prévue pour un écran de 27 pouces (même source).
Photo principale prioritaire : ajoutez fetchpriority="high" sur la première image de la galerie et ne la chargez jamais en différé (loading="lazy") (Chrome for Developers). Selon le Web Almanac 2025, environ 16 à 17 % des pages chargent pourtant leur image principale en différé.
Chargement différé pour le reste : les photos situées plus bas dans la galerie ou la page peuvent, elles, attendre.
Texte alternatif descriptif : Google le désigne comme la métadonnée la plus importante d'une image. Décrivez ce que montre la photo (« sac cabas en cuir camel porté à l'épaule »), sans empiler de mots-clés.

Le détail des réglages de vitesse est dans notre article sur la vitesse mobile et les Core Web Vitals.

Où placer la vidéo produit ?

La vidéo complète les photos, elle ne les remplace pas. Dans les tests de Baymard, 41 % des participants ont regardé les vidéos produit et 59 % ne l'ont pas fait (Baymard, vidéos sur les pages produit). Elle est utile pour montrer un mouvement, un usage ou un montage, mais une information essentielle doit aussi exister en photo ou en texte.

Son emplacement compte : 35 % des grands sites e-commerce placent mal leurs vidéos. Les recommandations :

Dans la galerie, avec les photos, là où le visiteur cherche les visuels.
Une icône de lecture sur la vignette, pour la distinguer d'une photo.
Pas d'onglet séparé « Photos / Vidéos » : environ un tiers des testeurs ne trouvaient pas les vidéos ainsi rangées.
Toutes les vidéos dans la galerie, même si vous les reprenez plus bas dans la page.

Côté poids, une vidéo ne doit pas se charger avant que le visiteur la demande : affichez une image d'aperçu et ne chargez le lecteur qu'au clic.

Par où commencer sur un grand catalogue ?

Refaire 5 000 fiches produit d'un coup n'est ni réaliste ni utile. Baymard conseille de prioriser les catégories les plus importantes et les meilleures ventes (Baymard). La démarche :

Classez vos produits par chiffre d'affaires ou par trafic sur 12 mois.
Pour les 50 premiers, vérifiez la présence de chaque type de visuel du tableau ci-dessus.
Complétez en priorité la photo à l'échelle et la photo en situation.
Mesurez le taux d'ajout au panier avant et après, idéalement en test A/B sur les fiches à fort trafic.

Pour identifier les fiches où les visuels font perdre le plus de ventes, demandez une pré-analyse offerte.

À retenir

Pensez en types de visuels, pas en nombre : chaque photo doit répondre à une question d'achat.
Ajoutez au moins une photo à l'échelle par produit : 42 % des utilisateurs jugent la taille sur les images.
Offrez un zoom haute définition : 25 % des sites n'en proposent pas un suffisant.
Servez des formats modernes, chargez la photo principale en priorité et jamais en différé.
Placez la vidéo dans la galerie avec une icône de lecture, en complément des photos.