Images produit Shopify : les tailles qui s'affichent bien

Les images produit Shopify ratent leur cible dans deux directions. Soit elles sont trop petites, et la vue zoomée part en bouillie dès qu'un client vient inspecter une couture ou un sertissage. Soit elles sortent de l'appareil en pleine taille, et la page rame sur mobile — là où atterrit une bonne partie de votre trafic. L'admin accepte les deux sans broncher.

Shopify en fait plus que la plupart des marchands ne l'imaginent : il génère plusieurs tailles de chaque image pour les différents emplacements de votre boutique, et son CDN sert un format moderne comme le WebP ou l'AVIF quand le navigateur le prend en charge. Ce qu'il ne fera pas : rattraper un format incohérent, deviner quelle photo va avec quelle variante, ou sauver un détourage en dents de scie. Voici la partie qui vous revient.

Partez de 2048 x 2048 et arrêtez-vous là

La recommandation de Shopify est claire : 2048 x 2048 px s'affiche généralement le mieux pour des images produit carrées. Les limites dures, elles, sont bien plus hautes — une image de produit ou de collection doit peser moins de 20 MB et peut monter jusqu'à 5000 x 5000 px, soit 25 mégapixels.

Ces plafonds ne sont pas des objectifs. Dans Dawn, la galerie produit intégrée ne demande jamais au CDN plus de 1946 px de large, et même la lightbox de zoom cesse de nommer des tailles au-delà de 4096 px. Un master de 5000 px ne vous vaudra guère que des imports plus lents et des retouches plus lentes entre les deux. Restez sur le carré 2048 px pour la galerie principale. Les formats acceptés à l'import incluent PNG, JPEG et WebP — donnez donc à Shopify un fichier compressé plutôt qu'un TIFF de 6 MB.

Carré ou vertical : choisissez un format et tenez-le

C'est sur les grilles de collection que les formats mélangés sautent aux yeux, et c'est pour cela que Shopify recommande un ratio uniforme sur toutes les images mises en avant. Des thèmes comme Dawn vous laissent adapter le cadre à chaque image ou tout verrouiller sur un ratio fixe, et les deux sanctionnent l'incohérence : l'adaptation donne une grille en escalier, le verrouillage recadre le haut d'une bouteille ou laisse du vide autour d'une bague.

Alors tranchez une bonne fois. Le carré (1:1) est le choix par défaut le plus sûr et se réagence bien sur les écrans étroits. Les formats verticaux comme le 4:5 ou le 2:3 conviennent au prêt-à-porter et aux bouteilles hautes : ils occupent plus de hauteur sur mobile. Ce que vous ne pouvez pas faire, c'est faire cohabiter les deux dans une même collection.

Pour l'imposer, détourez le produit et reconstruisez le cadre vous-même. Importez une photo sur remover.bg, supprimez le fond, puis remplacez-le par le même blanc uni ou la même couleur de marque que sur toutes vos autres fiches. Redimensionnez ensuite le résultat au cadre choisi, dans l'outil d'export que vous utilisez déjà, pour qu'un mug tenu à la main et un manteau long tombent sur des dimensions identiques. Le même détourage alimente aussi les règles plus strictes des marketplaces — voir les règles du fond blanc d'Amazon — ou vous pouvez le garder sur fond transparent et composer plus tard : voir quand un PNG transparent est le bon export.

Le CDN de Shopify redimensionne, mais il ne corrigera pas votre source

Les thèmes demandent les images via les filtres Liquid image_url et image_tag, qui construisent un srcset : le CDN peut ainsi servir un fichier à la bonne taille et au bon format pour chaque appareil. C'est pour cette raison qu'un thème bien construit n'envoie jamais votre fichier de 2048 px à un téléphone de 390 px.

Deux choses lui échappent pourtant. Le choix du format à l'import compte toujours : exporter en WebP garde des fichiers légers avant même qu'ils n'atteignent le CDN, et Shopify accepte le WebP sans conversion — exactement comme remover.bg gère le WebP de bout en bout. Et pour des centaines de SKU, il n'existe aucun raccourci du type « glissez un dossier » ; ce travail-là revient à un script branché sur l'API de suppression de fond, lancé en parallèle de votre import CSV.

Le zoom n'aide que si les pixels sont là

Shopify indique qu'une image doit dépasser 800 x 800 px pour que le zoom fonctionne correctement. Dans Dawn, le réglage de zoom du modèle produit propose le clic et le survol, l'ouverture d'une lightbox, ou pas de zoom du tout.

Activez le zoom quand la matière est l'argument de vente : maille, grain du cuir, gravure, facettes d'une pierre, bois. Coupez-le pour les visuels plats et les petites icônes, où il ne fait que mettre en vitrine les artefacts de compression. Le zoom est tout aussi impitoyable avec les contours — une garniture en fourrure, des mèches folles, des brides fines trahissent la moindre erreur. C'est précisément là qu'un détourage propre gagne sa place.

Images de variantes et ordre des médias

Chaque variante n'accepte qu'une seule image assignée — une image, pas une vidéo ni un modèle 3D — et c'est elle qui s'affiche en aperçu quand un client choisit cette option.

Comme une image par variante suffit rarement, servez-vous de la galerie autour. Ajoutez toutes vos prises de vue aux médias du produit, ordonnez-les pour que les vues liées se suivent, et placez la plus forte en premier : le premier média pilote la vignette produit et la vue par défaut.

Texte alternatif : 512 caractères autorisés, 125 suffisent

Shopify plafonne le texte alternatif à 512 caractères et en recommande 125 au maximum. C'est une consigne de lisibilité, pas une limite des lecteurs d'écran : un texte alternatif long est fatigant à écouter, parce qu'on ne peut pas le survoler. Décrivez le cadre, variante comprise. « Chemise en lin bleu marine, vue de face, boutonnée » vaut mieux que « chemise ». Évitez « image de » et les enfilades de mots-clés. Le texte alternatif se modifie en masse par import CSV, plutôt que fiche par fiche.

Une courte checklist avant l'import

Avant d'envoyer un lot dans Shopify : exportez en carré à 2048 px, sauf si vous avez choisi le vertical ; restez largement sous le plafond de 20 MB ; appliquez un seul traitement de fond à toute la collection ; assignez une image par variante et organisez la galerie autour d'elle ; et gardez le texte alternatif sous les 125 caractères. Rien de tout cela n'est glamour, et tout cela se voit sur la page collection à la seconde où vous vous trompez.