Guide technique
Taille de l'image du produit Shopify : le guide complet jusqu'en 2026
Si la taille de l'image est incorrecte, Shopify Le magasin ne fonctionne plus : photos floues Fichiers qui ne semblent pas professionnels ou qui sont trop volumineux et qui ralentissent la page Ramper. Ce guide vous expliquera toutes les tailles d'image et les produits dont vous avez besoin. Photos, collections, bannières et partage social - Informations précises 2026 Taille de pixel qui fonctionne pendant des années.
Par L'équipe Prodofoto • 9 minutes de lecture • Publié le 1er mars 2026
réponse simple
La taille idéale de l'image du produit Shopify est 2048 x 2048 pixels Format carré (1:1). Ceci Activer le zoom sur tous les appareils et Retina Afficher clairement sur l'écran. 20 Mo limite de fichier. utiliser WebP ou JPEG formater, conserver les fichiers sous 200 Ko respectivement, maintenir Obtenez des dimensions cohérentes dans tout votre catalogue.
Taille de l'image du produit Shopify : chiffres
Shopify prend en charge jusqu'à 5 000 x 5 000 pixels et 20 Mo chacun accepte les images de fichier. Toutefois, le « maximum autorisé » n'est pas la même chose que : "Recommandé." Les dimensions spécifiques sont les suivantes. Équilibrez la qualité, la fonctionnalité de zoom et la vitesse de la page.
| type d'image | Taille recommandée | rapport hauteur/largeur | Taille maximale du fichier |
|---|---|---|---|
| Photo du produit (primaire) | 2048 × 2048 | 1:1 (carré) | 200 Ko |
| Photo du produit (verticale) | 2048 × 2560 | 4:5 | 250 Ko |
| images de collection | 2048 × 2048 | 1:1 | 200 Ko |
| Héros / Bannière Diaporama | 2880 × 1000 | ~3:1 | 300 Ko |
| Logo | 512 × 512 | 1:1 | 50 Ko |
| Icône de favori | 32 × 32 | 1:1 | 5 Ko |
| OG / Image de partage social | 1200 × 630 | ~1.9:1 | 150 Ko |
Il y a une raison pour le sweet spot de 2048px. C'est assez grand Shopify sur votre bureau Activez le zoom intégré pour une vue plus claire écran mobile rétine. Mais ce n'est pas assez gros pour gonfler. Temps de chargement des pages. S'il dépasse 2048px, le fichier La taille sera ajoutée, Il y a une amélioration notable de la qualité sur les appareils actuels.
Règles de cohérence : Toutes les images de produits Les catalogues doivent utiliser les mêmes dimensions et proportions. Des tailles mixtes donnent lieu à une collection La grille des pages devient inégale et semble inégale. Ce n'est pas professionnel et brise le modèle d'analyse visuelle. 1 Choisissez une taille et respectez-la.
Format d’image : lequel devriez-vous utiliser ?
Le rapport hauteur/largeur détermine la façon dont les images des produits sont affichées. Dans les grilles, les pages produits et les résultats de recherche. Si vous faites le mauvais choix, Shopify recadrera automatiquement votre image - Souvent, nous supprimons des détails importants sur les produits.
| Rapport | Meilleure utilisation | Avantages | Inconvénients |
|---|---|---|---|
| 1:1 (carré) | la plupart des types de produits | Compatibilité universelle, grille propre | Les objets hauts peuvent paraître petits |
| 4:5 (portrait) | mode, bouteilles, articles de grande taille | Augmentez l'espace vertical pour afficher les détails du produit | Tous les thèmes ne prennent pas en charge nativement |
| 3:2 (Paysage) | Large gamme de produits et scènes de style de vie | Format d'appareil photo naturel, sensation d'édition | contredit le catalogue carré |
Nos recommandations : 1:1 (carré) Veuillez commencer par. Tout le catalogue. Tous Shopify Fonctionne avec des thèmes. Plateformes sociales et n'importe quel marché. Si vous vendez principalement 4:5 pour les articles de mode et de grande taille Plus de portraits verticaux avec des biens immobiliers — Mais assurez-vous que votre thème peut le gérer sans utiliser de biens immobiliers. Tout d’abord, la taille fastidieuse.
Même la même page produit est très différente sur mobile. Bureau — Les images doivent fonctionner sur les deux.
Format de fichier et compression : WebP, JPEG, PNG
Choisir le bon format de fichier est tout aussi important que choisir le format de fichier. dimensions appropriées. L'utilisation d'un mauvais format entraînera une taille de fichier de 2 pourrait doubler sans aucune amélioration visible de la qualité.
| Format | Meilleure utilisation | Taille commune (2048px) | Prise en charge du navigateur |
|---|---|---|---|
| WebP | Tous (sélection par défaut pour 2026) | 80-150 Ko | 97 %+ navigateurs |
| JPEG | Photos avec des dégradés de couleurs complexes | 120-250 Ko | 100% |
| PNG | logos, graphiques transparents | 400-800 Ko | 100% |
| AVIF | Nouvelles options, meilleure compression | 50-100 Ko | ~92% des navigateurs |
Recommandations pour 2026 : Télécharger en tant que WebP Qualité 80-85. Cela réduit la taille du fichier et la qualité visuelle. Shopify prend également automatiquement en charge WebP JPEG Même si vous téléchargez WebP Si vous souhaitez télécharger directement, téléchargez-le sur votre navigateur. Vous avez un contrôle total sur les paramètres de compression.
Veuillez ne pas télécharger de fichiers PNG de photos de produits. Photo du produit 2048 × 2048 600-800 Ko lorsqu'elle est enregistrée au format PNG peut atteindre 3 à 4 fois la taille de WebP que la même image. PNG est destiné aux logos et aux graphiques. Il ne s’agit pas de photographie de produits, mais de transparence.
À gauche : Bien compressé (WebP, 120 Ko). À droite : Surcompressé (qualité JPEG 20, artefacts visibles).
Optimisation mobile : là où se produisent la plupart des ventes
Plus de 70 % du trafic Shopify est mobile Cela vient de l'appareil. L'image de votre produit est 4G Il devrait se charger rapidement sur votre connexion et avoir une belle apparence. L'écran rétinien haute densité offre une vision claire. Voici comment l'optimiser Pour les deux.
- 1.Visez 150 Ko par image sur mobile. Une page produit avec 6 images de 150 Ko fait 2 Se charge en moins de quelques secondes sur une connexion 4G typique. chacun A 400 Ko, la même page prend plus de 5 secondes - 53% des visiteurs Perdez après 3 secondes (Google).
- 2.Utilise le srcset d'image réactif de Shopify. Les thèmes Shopify modernes diffusent automatiquement des images plus petites variantes aux appareils mobiles. Mais cela ne fonctionne bien que si votre l'original est de 2048px - trop petit et le thème ne peut pas générer variantes épurées et réduites.
- 3.Testez sur un appareil réel. Chrome outils de développement La simulation mobile à elle seule ne suffit pas. milieu de gamme Louer Android Réel 4G Testez la page produit en appelant la connexion. Différence d'expérience entre l'iPhone phare et l'iPhone à 200 $ Android est énorme.
- 4.Chargement paresseux des images au-dessus de la ligne de flottaison. seulement La première image du produit devrait se charger immédiatement. Image 2 ~ 8 Je dois le charger paresseusement pendant que l'acheteur fait défiler. Dernier Shopify Le thème gère cela automatiquement, mais vous pouvez le faire dans les paramètres du thème.
Pour une analyse plus approfondie des photos de produits spécifiques aux mobiles optimisation, consultez notre guide sur Comment les photos de produits affectent les taux de conversion.
6 erreurs de redimensionnement d'image qui endommageront votre magasin
1. Mélanger les proportions entre les produits
Rien n'a l'air plus amateur qu'une page de collection. Toutes les fiches produits ont des hauteurs différentes. Sélectionnez un rapport et Il sera appliqué dans tous les magasins. Si vous avez un produit existant, Redimensionnement par lots en une seule fois en utilisant les ratios de mélange - Ça vaut le coup l'après-midi.
2. Appareil photo original du téléphone portable (4000 pixels ou plus) télécharger
Les caméras des téléphones portables modernes mesurent 4032 x 3024 Je vais prendre une photo avec ce qui précède. Ces fichiers font 3 à 5 Mo chacun. Shopify le redimensionne à la volée, mais L'original comptera toujours dans votre stockage. Le téléchargement initial est lent. Taille à 2 048 px avant le téléchargement Veuillez changer pour
3. Utilisez PNG pour les photos de produits
Nous voyons cela tout le temps. 2048×2048 Enregistrer en tant que photo du produit. PNG fait généralement entre 600 et 800 Ko. WebP La même qualité d'image que 82 est de 100 à 150 Ko Et il n’y a aucune différence visible de qualité. Cela signifie 5 gratuits Ce sera deux fois plus grand.
4. Ignorez le seuil de zoom de Shopify
Si les images de vos produits sont inférieures à ~ 1 600 px sur l'un ou l'autre dimension, le zoom de Shopify semble flou ou ne ne s'active pas du tout. Les acheteurs d'ordinateurs s'attendent à zoomer texture et détails. Sans zoom, tu pars Des lacunes qui freinent la conversion dans votre expérience produit.
5. N'utilisez pas de texte alternatif sur les images
Le référencement d’images est réel. Google Images génère un trafic important aux magasins Shopify. Chaque image de produit doit avoir texte alternatif descriptif qui inclut le nom du produit et mots-clés pertinents. "IMG_4382.jpg" n'est pas un texte alternatif.
6. Seulement 1 à 2 images par produit
La recherche montre que passer d'une image à 6 à 8 images par produit augmente considérablement la conversion. Le guide des tailles ne aide si vous n'avez pas assez d'images pour remplir votre galerie. Plus de variété : photos de style de vie, gros plans, références à l'échelle – signifie plus de raisons pour les acheteurs d'acheter.
Même photo de produit en trois formats - WebP gagne en taille de fichier À chaque fois.
Générez des photos de produits de bonne taille à l'aide de l'IA
Redimensionner et optimiser manuellement l'intégralité de l'image Les catalogues sont pénibles. Et le problème encore plus important pour la plupart des Shopify est Le vendeur n'a pas assez d'images pour commencer. dans l'ordre optimal
Des outils comme Prodofoto résoudre les deux problèmes à la fois. Téléchargez une seule image de produit et récupérez 4 variantes de style de vie générées par l’IA – toutes correctement dimensionnées à 1024 × 1024, prêt pour votre galerie de produits Shopify. les images générées conservent des dimensions cohérentes, de sorte que votre la grille de collecte reste propre.
Le flux de travail prend 60 secondes par produit. Au lieu de dépenser heures sur une séance photo, puis encore plus d'heures pour redimensionner les images pour différents emplacements, vous commencez avec une photo de produit propre et terminer par un galerie complète de.
Pour une procédure pas à pas, consultez notre Tutoriel Prodofoto ou apprenez à Générez des photos de style de vie IA en 60 secondes.
Pas besoin de vous soucier de la taille de l'image. Commencez à vendre.
Prodofoto fabrique des produits aux bonnes dimensions, prêts à être transformés Photos à partir d’une seule image. Quatre modes de vie cohérents Variations Dimensions, 60 secondes par produit.
FAQ
Quelle est la taille recommandée pour les images de produits Shopify ?
Shopify recommande 2 048 x 2 048 pixels pour les images de produits carrées. C'est le juste milieu entre les capacités de zoom d'un ordinateur de bureau et le rendu net d'un écran mobile Retina. La taille maximale autorisée est de 5 000 x 5 000 pixels et la taille limite du fichier est de 20 Mo.
Quel rapport hauteur/largeur dois-je utiliser pour mes photos de produits Shopify ?
Square (1:1) est la valeur par défaut la plus sûre car elle fonctionne avec tous les thèmes Shopify sans être tronquée. Certains thèmes prennent en charge des ratios personnalisés tels que 4:5 (portrait) ou 3:2 (paysage), mais 1:1 garantit la cohérence dans l'ensemble de votre catalogue.
Quel est le meilleur format d’image pour les photos de produits Shopify ?
WebP est le format de choix pour Shopify en 2026. Produit des fichiers 25 à 35 % plus petits que les JPEG de qualité similaire. Shopify sert automatiquement WebP aux navigateurs pris en charge. Téléchargez au format JPEG ou PNG et Shopify gérera la conversion, ou téléchargez directement WebP pour un contrôle maximal.
Comment activer le zoom sur les images de produits Shopify ?
Si votre image mesure 2 048 x 2 048 pixels ou plus, Shopify active automatiquement le zoom. La plupart des thèmes modernes ont une fonctionnalité de zoom intégrée en survol ou en clic. Si l'image fait moins de 1 600 pixels dans l'une ou l'autre dimension, le zoom apparaîtra flou ou sera complètement désactivé.
La taille du fichier image affecte-t-elle la vitesse des pages Shopify ?
Oui. Pour chaque 100 Ko de données d’image, il faut environ 0,2 seconde pour que la page se charge sur une connexion mobile 4G. Si votre page produit contient 6 à 8 images, le chargement des photos non optimisées peut prendre 2 à 3 secondes, ce qui a un impact direct sur votre taux de conversion et votre classement Google.
Besoin de redimensionner les images avant de les télécharger sur Shopify ?
Oui. Veuillez télécharger exactement 2 048 x 2 048 (ou la taille recommandée pour le thème), et non des originaux de plus de 4 000 pixels. Shopify redimensionne les images à la volée, mais commencer avec un original correctement dimensionné vous donne plus de contrôle sur la qualité et accélère les temps de téléchargement.
Quelles sont les tailles des collections et des images de bannières dans Shopify ?
Image de collection : 2048x2048 (carré) ou 2048x1024 (paysage). Bannière Hero : 2 880 x 1 000 pour la pleine largeur, 1 920 x 800 pour la mise en page incluse. Image du diaporama : 2560x1440 (16:9). Vérifiez toujours la documentation pour un sujet particulier.
Références
- Centre d'aide Shopify : Exigences relatives aux types de supports de produits et aux images
- web.dev : servez des images dans des formats modernes (WebP)
- Google : benchmark de la vitesse des pages mobiles
- Baymard Institute : meilleures pratiques UX pour les pages produits
- Puis-je utiliser : la prise en charge du navigateur WebP ?