Photos produit : la méthode pour des images qui vendent et chargent vite

Pourquoi la photo décide autant

En ligne, l’acheteur ne peut ni toucher ni essayer. La photo remplace le rayon : elle doit répondre à « à quoi ça ressemble vraiment », « quelle taille ça fait », « comment c’est fini ». Une photo floue, trop retouchée ou différente du produit reçu se paie deux fois : en ventes perdues, puis en retours.

La photo compte aussi pour Google. C’est elle qui s’affiche dans Google Shopping, Images et Lens ; c’est souvent elle le plus gros élément de la page, celui qui fixe le temps de chargement perçu. Une image bien faite sert à la fois la vente et le référencement.

Les images à prévoir pour chaque produit

Pour chaque fiche, nous visons ce jeu d’images, dans cet ordre :

1. 1

   Image principale

   Le produit seul, de face ou de trois quarts, sur fond blanc ou très clair, centré, sans texte ni logo par-dessus. C’est elle qui part dans Google Shopping.
2. 2

   En situation

   Le produit utilisé, dans son environnement réel, pour aider à se projeter.
3. 3

   Détails

   Matière, couture, fermeture, connectique, étiquette. Ce qui rassure sur la qualité.
4. 4

   Échelle

   Le produit tenu en main ou à côté d’un objet connu, pour que la taille ne surprenne pas à la livraison.
5. 5

   Variantes

   Une photo par couleur ou par finition réellement vendue.
6. 6

   Contenu du colis

   Ce que l’acheteur reçoit, accessoires compris.

Réussir la prise de vue sans studio

Un téléphone récent suffit pour la plupart des produits, à condition de soigner la lumière et la régularité. Ce qui fait une boutique professionnelle, c’est surtout que toutes les photos se ressemblent : même fond, même cadrage, même lumière.

• Lumière : une grande fenêtre en lumière indirecte, ou deux lampes de même couleur de part et d’autre. Pas de flash direct.
• Fond : une feuille blanche courbée derrière et sous le produit, pour éviter la ligne d’horizon.
• Stabilité : un trépied ou un appui, pour des photos nettes et toutes à la même hauteur.
• Cadrage : format carré, le produit occupe la même part de l’image sur toutes les fiches.
• Couleur : vérifiez à l’écran que la couleur affichée est celle du produit ; c’est la cause de retour la plus évitable.

Photos de fournisseur : ce que nous faisons, et ce que nous refusons

En dropshipping ou en revente, les photos du fournisseur sont souvent le point de départ. Telles quelles, elles posent trois problèmes : ce sont les mêmes que chez tous les revendeurs, elles portent des logos, des pastilles et du texte en surimpression, et elles sont souvent lourdes et de tailles disparates.

Notre méthode sur nos propres boutiques : partir de la photo fournisseur, détourer le produit en local, le poser sur un fond uni, recadrer au carré, retirer les logos et pastilles flottants, écarter les infographies pleines de texte, puis exporter deux tailles légères. Et trois interdits :

• Jamais d’image appelée directement depuis le site du fournisseur : elle peut disparaître, changer, ou ralentir votre page.
• Jamais d’image générée par IA pour représenter un produit : l’acheteur doit recevoir ce qu’il a vu.
• Jamais de photo qui montre plus que ce qui est vendu (accessoires non fournis, couleur absente du stock) sans le dire clairement.

Formats, tailles et poids : les réglages techniques

Le format WebP est conçu par Google pour le web. Selon sa documentation, une image WebP sans perte est 26 % plus petite qu’une image PNG, et une image WebP avec pertes est 25 à 34 % plus petite qu’un JPEG comparable, à qualité équivalente.

Pour le référencement, Google recommande pour les fiches de marchand plusieurs images haute résolution d’au moins 50 000 pixels (largeur multipliée par hauteur). Pour la vitesse, le principe est de ne jamais envoyer à un téléphone une image prévue pour un écran de bureau.

1. 1

   Exporter deux tailles

   Une grande pour le zoom et le bureau, une plus petite pour les vignettes et le mobile. Nous utilisons 1 200 et 600 pixels de côté sur nos boutiques.
2. 2
   Encoder en WebP, avec un JPEG de secours si votre plateforme le demande.
3. 3
   Déclarer la largeur et la hauteur de chaque image dans le code, pour que la page ne saute pas au chargement.
4. 4
   Charger la photo principale tout de suite, et les autres en différé (attribut loading="lazy").
5. 5

   Nommer les fichiers avec des mots utiles

   Gourde-inox-750-ml-noire.webp plutôt que IMG_4821.webp.

Le texte alternatif et le contexte de l’image

Le texte alternatif (attribut alt) décrit l’image pour les personnes malvoyantes et pour les moteurs. Écrivez ce que montre la photo, simplement : « Gourde isotherme inox noire 750 ml, bouchon ouvert ». Ni liste de mots-clés, ni phrase vide comme « image produit ».

Google comprend aussi une image par la page qui l’entoure : le titre, la légende, le texte à côté. Une photo placée près de la description qui en parle est mieux comprise qu’une image isolée dans un carrousel.