Garder une grille de collection régulière
Shopify conseille d’utiliser une seule proportion pour toutes les images mises en avant afin qu’elles s’affichent à la même taille. Une page de collection qui mélange photos carrées, portrait et paysage présente des cartes de hauteurs inégales. Choisir le format avant la première prise de vue, puis garder le produit à la même place et avec la même marge, évite de tout recadrer ensuite.
Shopify recommande le carré de 2 048 × 2 048 pixels pour les images produit carrées. Le portrait peut convenir à un vêtement porté par un modèle, à condition que toutes les images mises en avant de la boutique suivent ce format. Un arrière-plan et un éclairage cohérents donnent à la grille l’allure d’un même catalogue, plutôt que d’une suite d’envois séparés.
Choisir entre PNG et JPEG
Shopify privilégie le PNG pour la plupart des images produit, puis le JPEG ; TIFF, BMP, GIF, SVG, HEIC et WebP sont également acceptés. Le PNG conserve la netteté des couleurs unies et des contours marqués, ce qui convient aux photos de produit sur fond uni et aux images avec transparence.
Une photo détaillée enregistrée en PNG peut devenir très lourde. Les fichiers doivent rester sous 20 Mo et ne pas dépasser 5 000 × 5 000 pixels ou 25 mégapixels ; un fichier plus léger se charge aussi plus vite sur téléphone. Pour les photos aux dégradés doux, comme le tissu ou la peau, un JPEG de bonne qualité est généralement le choix le plus pratique.
Prévoir le zoom et les détails
Une image carrée de 2 048 × 2 048 pixels offre assez de résolution pour examiner la texture et les coutures. Le produit doit occuper la majeure partie du cadre avec une marge régulière : un petit produit dans un grand espace vide gaspille ces pixels, tandis qu’un produit collé aux bords semble coupé sur la page de collection.
Au-delà de l’image principale, une série montre généralement le dos, un profil, un détail de matière ou de ferrure et le produit en situation. Les fichiers GIF et WebP animés sont pris en charge et peuvent montrer un produit en rotation ou ouvert, mais chaque animation alourdit la page ; une par produit permet de garder une page légère.