La bonne taille et le bon format pour vos images produits Shopify

L’essentiel en quatre points

Si vous ne deviez retenir que quatre choses :

• Taille : pour des photos carrées, 2048 × 2048 px. Pour des photos en portrait, 2048 px de large avec des proportions fixes.

• Limites : chaque fichier sous 20 Mo et sous 20 mégapixels.

• Proportions : les mêmes proportions pour toutes les images principales du catalogue.

• Format : JPEG ou WebP pour les photos, PNG uniquement pour les visuels qui ont besoin de transparence.

La suite détaille chaque point, avec des exemples tirés de boutiques de mode, de bijoux et d’accessoires.

Ce que Shopify accepte

Le centre d’aide de Shopify liste les formats d’image que l’on peut ajouter à un produit. Les plus utiles pour une boutique sont JPEG, PNG, WebP et GIF ; plusieurs autres formats sont aussi acceptés.

Deux limites sont à vérifier pour chaque fichier :

• Le poids : les images produits doivent peser moins de 20 Mo.

• Le nombre de pixels : la page de Shopify consacrée aux images de thème fixe une limite d’import de 20 mégapixels, tandis que sa page sur les médias produits mentionne des images jusqu’à 5000 × 5000 px (25 mégapixels). Les deux pages ne disent pas la même chose : restez sous 20 mégapixels et vous respectez les deux.

Pour calculer les mégapixels, Shopify donne la formule : largeur × hauteur ÷ 1 000 000. Quelques exemples :

Dimensions	Mégapixels	Dans la limite ?
2048 × 2048 px	4,2 MP	Oui
2048 × 2560 px (4:5)	5,2 MP	Oui
4096 × 4096 px	16,8 MP	Oui
6000 × 4000 px (sortie d’appareil)	24 MP	Non, au-delà de 20 MP

La dernière ligne est la surprise habituelle. Un fichier exporté en pleine résolution depuis un appareil professionnel dépasse souvent la limite de pixels même s’il pèse moins de 20 Mo : redimensionnez-le avant l’import plutôt qu’après un message d’erreur.

Les dimensions recommandées

La page de Shopify sur les médias produits est précise : pour des images produits carrées, un format de 2048 × 2048 px s’affiche généralement le mieux. C’est assez grand pour une image nette sur les écrans haute densité des téléphones et des ordinateurs, et pour le zoom que proposent la plupart des thèmes sur les fiches produits.

Quelques règles pratiques découlent de la façon dont Shopify diffuse les images :

• N’importez pas trop petit. Shopify peut diffuser des versions plus petites d’une image, jamais une version plus grande que l’original. Une photo importée en 800 px reste en 800 px, même quand le zoom du thème en demande davantage.

• N’importez pas démesuré non plus. Un fichier de 4096 px contient quatre fois plus de pixels qu’un fichier de 2048 px. Il est plus lourd à exporter, stocker et importer, et pour la plupart des clients le gain sur une fiche produit ne se voit pas. Réservez les très grandes tailles aux produits dont le détail fait vendre : la gravure d’une bague, le tissage d’une étoffe.

• Une seule taille par format de cadrage. Si toutes vos photos carrées font 2048 × 2048 px, vous ne vous demanderez jamais si un zoom flou vient du fichier ou du thème.

La documentation de votre thème peut recommander ses propres tailles pour certaines sections, comme les bannières ou les diaporamas. Pour les photos produits, 2048 px sur le plus grand côté reste un choix sûr.

Choisir des proportions : carré ou portrait

Les proportions (le rapport entre largeur et hauteur) comptent davantage que le nombre exact de pixels, car ce sont elles qui décident de l’allure de vos pages de collection.

Le centre d’aide de Shopify prévient que des images produits affichées côte à côte sur une page de collection peuvent apparaître à des tailles différentes si leurs proportions diffèrent, et recommande des proportions identiques pour toutes les images principales. En pratique, une seule photo en paysage dans une grille de portraits crée un vide ou une rangée irrégulière, selon le thème.

Les deux choix habituels :

• Carré (1:1), par exemple 2048 × 2048 px. Simple, compatible avec tous les thèmes, idéal pour les bijoux, les sacs, les chaussures et les mises à plat, où le produit est à peu près aussi large que haut.

• Portrait (4:5), par exemple 2048 × 2560 px. Montre davantage un vêtement porté, des épaules à l’ourlet, et occupe mieux l’écran d’un téléphone.

Certains thèmes permettent de choisir le recadrage ou l’affichage des images de collection. Vérifiez ce réglage avant de trancher, puis appliquez les mêmes proportions à la prise de vue, au recadrage et à l’export.

Exemple. Une marque de bijoux photographie bagues et boucles d’oreilles sur fond clair au format carré, et les photos portées en 4:5. Elle utilise le packshot carré comme image principale de chaque produit, pour une grille régulière, et place les photos portées plus bas sur la fiche.

WebP, JPEG ou PNG

Le format importé pèse moins qu’avant, puisque le CDN de Shopify choisit le format de diffusion selon le navigateur de chaque client (voir plus bas). Il reste déterminant pour le poids de vos fichiers et la qualité de la source sur laquelle Shopify travaille.

• Le JPEG est universel. Tous les appareils, logiciels de retouche et outils d’export le gèrent, et il convient bien aux photographies. Le guide de Shopify sur la vitesse recommande le JPG pour les photos.

• Le WebP est un format plus récent, généralement plus léger que le JPEG à qualité visuelle comparable. Shopify l’accepte : c’est un bon choix si votre outil d’export le propose.

• Le PNG est sans perte et gère la transparence. Parfait pour un logo, un visuel graphique ou un produit détouré à poser sur un fond de couleur, mais une photographie enregistrée en PNG pèse en général bien plus lourd que la même en JPEG ou en WebP.

Quel que soit votre choix, gardez-le pour tout le catalogue : même format, même réglage de qualité, même taille. La cohérence rend les problèmes faciles à repérer.

Poids des fichiers et vitesse des pages

Les images sont souvent l’élément le plus lourd d’une fiche produit. Shopify compresse et optimise automatiquement les images de votre boutique, mais son guide sur la vitesse recommande tout de même d’utiliser des formats adaptés, de redimensionner les images à leur taille d’affichage, et de réduire le nombre d’images sur les pages qui chargent lentement.

Pour une petite marque de mode ou de bijoux, cela se traduit par quelques habitudes simples :

• Exportez à la taille dont vous avez réellement besoin, pas en pleine résolution d’appareil.

• Écartez les quasi-doublons : cinq angles qui montrent chacun quelque chose de nouveau valent mieux que douze qui se répètent.

• Gardez les mêmes réglages d’export d’une séance à l’autre, pour des poids de fichiers prévisibles.

• Retirez les données d’appareil et de localisation à l’export. Cela ne change rien à l’image, et une photo prise au téléphone peut contenir des coordonnées GPS. Voir comment supprimer les données EXIF et de localisation.

Comment Shopify diffuse vos images

Quand vous importez une image produit, Shopify conserve l’original et le diffuse par son réseau de diffusion de contenu (CDN). Votre thème n’envoie pas le fichier d’origine à chaque client : il demande au CDN une version à la largeur voulue, petite pour une grille de collection, plus grande pour une fiche produit.

D’après la documentation de Shopify :

• Le CDN détecte les formats d’image pris en charge par le navigateur du client, comme le WebP ou l’AVIF, et choisit un format qui équilibre qualité et poids.

• Une version redimensionnée n’est jamais plus grande que l’image d’origine.

• Des tailles différentes sont générées pour les différents emplacements de la boutique, comme les fiches produits et les pages de collection.

D’où l’importance d’un original bien dimensionné et de bonne qualité : toutes les versions que voient vos clients en découlent. Une source nette de 2048 px donne au CDN de quoi travailler ; une source petite ou trop compressée ne peut que se dégrader.

La liste à vérifier avant import

Passez cette liste en revue avant chaque envoi de photos dans Shopify :

1. Proportions : toutes les images principales ont les mêmes (1:1 ou 4:5, par exemple).

2. Taille : 2048 px sur le plus grand côté, ou votre propre standard, appliqué à chaque photo.

3. Limites : chaque fichier sous 20 Mo et sous 20 mégapixels.

4. Format : JPEG ou WebP pour les photos, PNG seulement si la transparence est nécessaire.

5. Métadonnées : données d’appareil, de date et de localisation retirées.

6. Noms de fichiers : des noms descriptifs au lieu de DSC_0412.jpg. Voir comment renommer vos images produits pour le SEO.

7. Texte alternatif : prêt pour chaque photo. Voir comment rédiger le texte alternatif des images produits.

8. Ordre : l’image principale en premier sur un nouveau produit, les nouvelles photos après les existantes sur un produit qui a déjà des images.

9. Dernier contrôle : ouvrez une page de collection et une fiche produit sur téléphone, et zoomez sur un produit.

Pour de nombreuses photos d’un coup, les mêmes étapes s’appliquent à plus grande échelle : voir comment importer de nombreuses photos produits sur Shopify.

Avec Dropmatch

Dropmatch, une application Shopify éditée par Aryios, prépare les fichiers pour vous quand vous ajoutez vos photos produits :

• Une taille, un format. Les photos sont redimensionnées en 1024, 2048 ou 4096 px et converties en WebP ou en JPEG, avec les mêmes réglages pour tout le lot.

• Métadonnées retirées. Les données d’appareil, de date et de localisation sont supprimées avant que quoi que ce soit n’arrive dans votre boutique.

• Nommées et décrites. Chaque photo reçoit un nom de fichier optimisé et un texte alternatif dans la langue de votre boutique, et chaque texte reste modifiable avant l’envoi.

• Images principales protégées. Les photos s’ajoutent après les images existantes du produit, et un lot entier peut être annulé.

Voir toutes les fonctionnalités ou les tarifs.

Questions fréquentes