Avant de commencer
- Vos photos produits retouchées
- Un outil de redimensionnement (Canva, Photoshop, l'application Photos ou un compresseur en ligne)
- Un accès à l'administration de votre site
01Les bonnes dimensions
Sur Shopify, l'aide officielle indique que les images carrées de 2048 × 2048 px donnent généralement le meilleur rendu. La plateforme accepte jusqu'à 5000 × 5000 px (25 mégapixels) et 20 Mo par fichier, mais envoyer une image aussi lourde n'apporte rien : Shopify la redimensionne de toute façon pour l'affichage.
Sur WordPress, les dimensions d'affichage dépendent de votre thème. Une largeur de 1600 à 2000 px sur le grand côté couvre les écrans haute définition et le zoom produit. Au-delà de 2560 px, WordPress crée lui-même une version réduite à l'envoi.
02Garder un ratio constant
Le ratio, c'est le rapport entre la largeur et la hauteur : 1:1 pour un carré, 4:5 pour un portrait. Si vos images principales n'ont pas toutes le même ratio, la grille de votre collection devient irrégulière : certains produits paraissent plus petits, les prix ne sont plus alignés.
Pour un flacon de parfum, le 4:5 portrait met bien en valeur la hauteur du flacon et occupe mieux l'écran d'un téléphone. Le carré reste plus polyvalent si vous vendez aussi des coffrets ou des bougies. Choisissez l'un des deux et tenez-vous-y.
03Choisir le bon format de fichier
Trois formats couvrent tous les besoins d'une boutique. Le JPEG reste le standard pour les photos : léger et lu partout. Le PNG sert aux images avec transparence (logo, produit détouré sans fond) mais pèse plus lourd. Le WebP est un format moderne, nettement plus léger à qualité égale.
Bonne nouvelle : Shopify convertit et sert automatiquement vos images dans un format moderne aux navigateurs qui le gèrent. Vous pouvez donc lui envoyer du JPEG ou du PNG de bonne qualité. Sur WordPress, le WebP est accepté dans la médiathèque depuis la version 5.8 ; de nombreuses extensions d'optimisation font aussi la conversion pour vous.
À privilégier
- JPEG ou WebP pour les photos
- PNG pour un détourage transparent
- SVG pour le logo si le thème l'accepte
- Profil couleur sRGB
À éviter
- PNG de 8 Mo pour une photo
- Fichier HEIC envoyé tel quel
- Captures d'écran floues
- Images de 6000 px non compressées
04Alléger le poids sans perdre en qualité
Le poids d'une image (en Ko ou Mo) influence directement la vitesse de chargement, surtout sur mobile. Une photo de 4 Mo sortie du téléphone peut descendre sous 300 Ko sans différence visible à l'écran.
Compressez toujours avant l'envoi : c'est la méthode la plus fiable, quelle que soit votre plateforme.
- Redimensionnez l'image à la bonne taille (par exemple 2048 px de côté).
- Exportez en JPEG qualité 75 à 85 %, ou en WebP.
- Vérifiez le poids du fichier : visez moins de 300 Ko pour une photo produit.
- Ouvrez l'image en grand et contrôlez la netteté de l'étiquette.
- Si le texte de l'étiquette devient flou, remontez légèrement la qualité.
05Nommer vos fichiers
Le nom du fichier est lu par Google. « IMG_4528.jpg » ne lui apprend rien ; « eau-de-parfum-ambre-noir-50ml.jpg » lui indique exactement ce que montre l'image.
Adoptez une règle unique : minuscules, mots séparés par des tirets, sans accents ni espaces. Commencez par le type de produit et le nom du parfum, ajoutez la contenance ou l'angle de vue.
- 01Type de produit
- 02Nom du parfum
- 03Contenance
- 04Angle de vue
- 05Extension
06Rédiger le texte alternatif
Le texte alternatif (souvent appelé « alt ») décrit l'image pour les personnes malvoyantes qui utilisent un lecteur d'écran, et pour Google Images. Il s'affiche aussi si l'image ne se charge pas.
Décrivez ce que l'on voit, en une phrase courte et naturelle. Exemple : « Flacon d'eau de parfum Ambre Noir 50 ml en verre fumé, bouchon doré ». N'empilez pas de mots-clés : Google le repère et le lecteur d'écran le lit tel quel.
- Sur Shopify : ouvrez la fiche produit, cliquez sur l'image, puis renseignez le champ Texte alternatif.
- Sur WordPress : ouvrez Médias, cliquez sur l'image et remplissez le champ Texte alternatif.
- Donnez un texte différent à chaque angle (face, étui, détail du bouchon).
- Enregistrez, puis passez à l'image suivante.
?Questions fréquentes
Quelle est la taille idéale d'une image produit sur Shopify ?
L'aide Shopify recommande 2048 × 2048 px pour une image carrée. La plateforme accepte jusqu'à 5000 × 5000 px et 20 Mo, mais une image plus grande n'améliore pas l'affichage.
WebP ou JPEG pour un site e-commerce ?
Le WebP est plus léger à qualité égale. Sur Shopify, la conversion est faite automatiquement : un JPEG de qualité suffit. Sur WordPress, vous pouvez envoyer du WebP directement ou laisser une extension convertir vos images.
Combien doit peser une image produit ?
Visez moins de 300 Ko par photo produit après compression. Contrôlez toujours la netteté de l'étiquette avant de valider.
Le texte alternatif aide-t-il le référencement ?
Oui, il aide Google à comprendre l'image et peut la faire apparaître dans Google Images. Il sert d'abord l'accessibilité : décrivez l'image honnêtement, sans liste de mots-clés.
On s’en occupe
Vous préférez qu’on le fasse pour vous ?
Mise en place, réglages, photos, champs méta, filtres : je m’en charge à prix fixe, et je vous montre ensuite comment l’entretenir.
En parler →