Photographie et visuels produits : le premier facteur de confiance
Avant même de lire une ligne de texte, un visiteur juge un produit sur ses photos. Encore faut-il que ces images, une fois multipliées sur tout le catalogue, ne ralentissent pas la boutique qu'elles sont censées vendre.
Les visuels qui convertissent le mieux
Aucun type de visuel ne suffit seul : c'est leur combinaison qui couvre les différents doutes d'un acheteur.
Packshot fond blanc
La vue de référence, standardisée, qui permet de comparer rapidement les produits entre eux.
Mise en situation (lifestyle)
Le produit dans un contexte réel, pour réduire la distance entre la navigation et l'usage réel.
Gros plan détail
Texture, matière, finition — rassure sur la qualité, particulièrement utile sur le haut de gamme.
360° ou vidéo courte
Particulièrement utile pour l'électronique ou les produits complexes à comprendre en photo statique.
Formats et poids : ce qui compte techniquement
Un visuel qui vend, mais qui ralentit la page, finit par coûter plus de ventes qu'il n'en apporte.
| Bonne pratique | Pourquoi |
|---|---|
| Formats WebP ou AVIF | Compression nettement meilleure que le JPEG, à qualité visuelle équivalente |
| Dimensions adaptées (srcset) | Le navigateur charge la taille réellement nécessaire selon l'écran, pas une image surdimensionnée par défaut |
| Texte alternatif descriptif | "Chaussure de course bleue, vue de côté" plutôt qu'un nom de fichier — utile à l'accessibilité et au SEO image |
| PNG réservé aux transparences simples | WebP, AVIF ou SVG font mieux pour les logos et images à fond transparent |
L'erreur la plus fréquente : le lazy loading mal placé
fetchpriority="high". Seules les images situées plus bas sur la page bénéficient réellement du lazy loading. Réserver l'espace de chaque image avec width, height ou aspect-ratio évite aussi les décalages de mise en page (CLS) au chargement.Ce point s'inscrit dans une stratégie de performance plus large, détaillée dans notre guide sur l'hébergement et l'optimisation PrestaShop.