Redimensionner des images produit Shopify
Les images produit Shopify fonctionnent mieux en carré de 2048 par 2048 pixels, ce qui est suffisant pour que le zoom soit utile. Cette page effectue un remplissage plutôt qu’un recadrage par défaut, ainsi le produit entier reste visible et toutes les photos du catalogue partagent la même forme.
Déposez un PNG, JPG, WebP ou GIF
ou n’importe où sur la page · Choisir un fichier · 100 Mo
Acceptés : PNG, JPG, JPEG, WebP, GIF, AVIF
Redimensionner des images produit Shopify en clair
Shopify n’impose pas de forme aux photos de produits, et c’est justement le problème. Un catalogue construit avec ce que la caméra a produit montre des photos hautes, des photos larges et des photos carrées dans la même grille, chaque photo étant remplie différemment par le thème, et le résultat semble amateur même si chaque photo individuelle est de bonne qualité.
Choisir une seule forme et l’appliquer à tout est la plus grande amélioration visuelle que la plupart des petites boutiques peuvent apporter. Un carré de 2048 par 2048 est la réponse habituelle : il convient aussi bien aux miniatures en grille qu’aux pages produit, et 2048 pixels suffisent pour que le zoom de Shopify montre des détails réels plutôt qu’un agrandissement flou.
Cette page utilise par défaut « Adapter l’image entière » plutôt que « Remplir le cadre », ce qui est le contraire de toutes les autres pages ici — parce qu’une photo de produit recadrée en carré perd le produit, tandis qu’une photo remplie ne le perd pas.
Pour un lot à une taille de votre choix, l’outil Redimensionner une image prend n’importe quelle dimension en pixels ou pourcentage.
La vitesse de la boutique en ligne compte, donc si les exports sont lourds, le compresseur ramènera chaque image à une taille cible.
Pourquoi le remplissage est meilleur que le recadrage pour les produits
Un carré recadré prend le centre du cadre. Pour un portrait d’un objet haut — une bouteille, une lampe, une robe sur un cintre — le centre est le milieu de l’objet et les deux extrémités sont perdues.
Le remplissement réduit l’ensemble de la photo jusqu’à ce qu’elle rentre et remplit le reste avec une couleur d’arrière-plan. Rien n’est perdu, l’objet reste entier dans un carré uniforme, et la couleur d’arrière-plan peut être harmonisée dans tout le catalogue pour que la grille apparaisse comme un ensemble cohérent.
Choisir l’arrière-plan
Le blanc pur est la valeur par défaut pour une raison : il correspond à la plupart des thèmes, il disparaît sur une page blanche, et les places de marché qui diffusent depuis Shopify l’attendent généralement.
Un blanc cassé ou une couleur de marque fonctionne lorsque les produits eux-mêmes sont clairs, où le blanc pur laisse un objet flottant sans bordure. Quel que soit votre choix, utilisez la même valeur pour chaque photo — un catalogue avec trois blancs légèrement différents est plus remarquable qu’un avec une couleur audacieuse.
- Blanc pur pour la plupart des catalogues et pour la diffusion sur les places de marché.
- Un blanc cassé neutre lorsque les produits sont blancs ou très clairs.
- Une seule valeur pour tout le catalogue, choisie une fois et réutilisée.
- Jamais un dégradé : il se répète mal dans une grille de différentes proportions.
Tailles et limites
Shopify accepte les images volumineuses et génère les versions plus petites dont ses thèmes ont besoin. Ce qui compte est d’avoir suffisamment de résolution pour le zoom sur une page produit sans faire augmenter le stockage et le temps d’envoi plus que nécessaire.
| Option | Valeur | Pourquoi |
|---|---|---|
| Forme | Carré 1:1 | Grille uniforme ; convient aux miniatures et pages produit |
| Taille | 2048 × 2048 | Suffisante pour que le zoom montre des détails réels |
| Format | JPEG pour les photos | Beaucoup plus petit qu’un PNG à la même qualité visible |
| Arrière-plan | Une seule valeur, réutilisée | Ce qui fait qu’un catalogue semble être un ensemble |
Quand recadrer à la place
Remplir le cadre a toujours sa place : un cliché de vie où le produit est un élément d’une scène se lit souvent mieux recadré serré, et un cliché de détail est un recadrage par définition.
La règle concerne l’objectif de la photo. Une image de catalogue montre le produit ; une image de style de vie vend une idée. Remplissez la première, recadrez la seconde, et gardez-les visuellement distinctes plutôt que de mélanger les deux traitements dans une même galerie.
Questions fréquentes
Quelle taille doivent avoir les images produit Shopify ?
2048 par 2048 pixels carrés est la réponse pratique pour la plupart des boutiques : le carré maintient la grille du catalogue uniforme, et 2048 pixels donnent au zoom de Shopify suffisamment de résolution pour afficher des détails réels plutôt qu’un agrandissement flou d’un fichier plus petit.
Pourquoi cette page remplit-elle plutôt que recadre-t-elle ?
Parce qu’une photo de produit recadrée en carré perd le produit. Un objet haut recadré au milieu perd ses deux extrémités. Le remplissement réduit l’ensemble de la photo et remplit le reste avec une couleur d’arrière-plan, ainsi l’objet reste entier et chaque image partage la même forme.
Quelle couleur d’arrière-plan utiliser pour les photos de produits ?
Blanc pur pour la plupart des catalogues — il correspond aux thèmes, disparaît sur une page blanche et convient à la diffusion sur les places de marché. Un blanc cassé est préférable lorsque les produits eux-mêmes sont blancs, car le blanc pur laisse un objet pâle sans bordure visible. Utilisez une seule valeur dans tout le catalogue.
Toutes mes images produit doivent-elles avoir la même forme ?
Elles n’ont pas à l’être, mais elles devraient l’être. Une grille mélangeant des photos en portrait, en paysage et carrées est la raison la plus courante pour laquelle une petite boutique semble improvisée, et cela se corrige sans avoir à refaire de prises de vues — remplissez tout en un carré et le catalogue apparaît comme un ensemble.
JPEG ou PNG pour la photographie produit ?
JPEG, dans presque tous les cas. À 2048 pixels carrés, un PNG photographique est plusieurs fois plus volumineux sans avantage visible, et la vitesse de la boutique en ligne compte. PNG n’a sa place que pour les graphiques avec des couleurs unies ou lorsque vous avez réellement besoin de transparence.
Mes photos de produits sont-elles envoyées pour être redimensionnées ?
Non. Le décodage, le redimensionnement, le remplissage et l’encodage s’exécutent tous dans cet onglet de navigateur, et le site n’a pas de serveur pour recevoir une image. La photographie produit non répertoriée reste sur votre appareil, ce que vous pouvez vérifier dans le panneau Réseau avant de faire confiance au site.
Quels outils liés devriez-vous utiliser ensuite ?
- Redimensionner une bannière EtsyBannière 1200×300 et version retina 3360×840 en un exportOuvrir
- Recadrer une icône de boutique EtsyIcône 500×500 avec le masque circulaire d’Etsy visibleOuvrir
- Redimensionner une imageRéduit sans le crénelage laissé par la plupart des outilsOuvrir
- Compresser une imageVise une taille cible ou un niveau de qualité donnéOuvrir
- Convertir une imageJPG, PNG, WebP et AVIF, transparence gérée correctementOuvrir
- Outils pour créateursRedimensionnez et optimisez bannières, avatars, emotes et couvertures pour chaque plateforme.Ouvrir