Réponse rapide
Les conseils habituels de Shopify en matière de taille d'image de produit ciblent les images fixes de la galerie statique, souvent autour de 2 048 × 2 048 px carrés. Une rotation à 360° est une tâche différente : vous capturez une série d'images (généralement 4:3 paysage sur ordinateur, 3:4 en option sur mobile, jusqu'à 36 images), vous l'hébergez en dehors de la galerie de thèmes et vous diffusez un WebP ou un AVIF redimensionné à partir d'un CDN après que l'acheteur ait appuyé sur. Spinnify 360° Studio gère le redimensionnement et la livraison afin que les commerçants ne placent pas d'originaux de plusieurs mégaoctets dans des fichiers Shopify juste pour obtenir une rotation sur la page produit.
Recherchez « taille de l'image du produit Shopify » et vous trouverez la même liste de contrôle en pixels carrés répétée dans les centres d'aide et les blogs des agences. Ce conseil est utile pour les packshots. Il est incomplet dès lors que vous ajoutez une vue interactive à 360°. Les emplacements de galerie, les limites d'images de thème et le propre pipeline de redimensionnement de Shopify n'ont jamais été conçus pour contenir trente-six images haute résolution par SKU.
Cet article conserve les dimensions familières de l'image du produit Shopify pour les images fixes, puis montre les changements pour une série d'images à 360°, comment Spinnify 360° Studio protège Largest Contentful Paint avec un widget paresseux et où arrêter d'insérer les originaux dans le thème. Pour les étapes d'installation (blocage d'application, champ de correspondance, OAuth), utilisez le compagnonShopify Guide d'intégration de la visionneuse de produits à 360°. Ici, nous restons sur la taille, le poids et la livraison.
Ce que Shopify recommande pour les images de produits statiques
Les conseils publics de Shopify en matière de photographie de produits se concentrent toujours sur des images fixes carrées nettes pour la galerie principale. Un objectif pratique utilisé par de nombreux commerçants est d'environ 2 048 × 2 048 px pour l'image principale du produit, le poids du fichier restant raisonnable afin que le thème puisse générer des variantes réactives. Cette taille couvre le zoom, les écrans Retina et les exportations du marché sans obliger chaque visiteur à télécharger un appareil photo RAW.
Sur la page du produit, Shopify et votre thème recadrent ou redimensionnent ces images fixes en vignettes, en images sélectionnées et en aperçus graphiques ouverts. Le modèle mental est simple : une image équivaut à un emplacement de galerie. Les commerçants qui vendent uniquement avec des packshots à plat peuvent s'arrêter là. La confusion commence lorsque les équipes traitent une séquence complète à 360° comme « juste plus de Shopify taille d'image de page produit » et essaient de déposer chaque image dans des fichiers ou des médias.
Les directives statiques répondent « quelle doit être la taille de la photo de mon héros ? » Ils ne répondent pas « comment une rotation multi-images doit-elle être capturée, stockée et diffusée pour que PageSpeed reste sain ? » Ce sont des pipelines distincts qui partagent un mot-clé.
Ce qui change pour une série de cadres à 360°
Une rotation de produit à 360° est un ensemble ordonné d'images fixes, et non un maître carré. Dans Spinnify 360° Studio, la série principale de bureau est filmée au format paysage 4:3, jusqu'à 36 images. Une série mobile en option utilise le format portrait 3:4 afin que les acheteurs qui utilisent d'abord leur téléphone voient une composition qui s'adapte à l'écran. Le nom du produit dans Spinnify 360° Studio doit correspondre à la variante Shopify SKU (la correspondance n'est pas sensible à la casse). Il n'existe pas de recadrage automatique dans le cloud qui invente un meilleur cadrage pour vous ; vous capturez des images centrées et cohérentes et le service les délivre.
La livraison est la deuxième différence. Le widget de vitrine n'injecte pas des dizaines d'images de galerie en pleine résolution dans le code HTML initial. Il se charge une fois que l'acheteur appuie sur la commande 3D. Les images arrivent ensuite sous la forme de WebP ou AVIF redimensionnés CDN, dimensionnés pour le spectateur, et non comme les originaux de plusieurs mégaoctets que vous avez peut-être photographiés avec un appareil photo de studio. C'est pourquoi « taille de l'image Shopify 360 » est une question différente des « dimensions de l'image du produit Shopify » pour un seul packshot.
Si vous téléchargez de toute façon d’énormes originaux dans le thème Shopify, vous payez deux fois : le poids du thème augmente et il vous manque toujours un lecteur de spin approprié. Conservez les photos de la galerie en Shopify. Conservez la séquence de rotation dans Spinnify 360° Studio.
Galerie statique vs frames 360° : taille et livraison
Utilisez le tableau comme filtre de planification lorsqu'un photographe ou une agence demande quelle taille d'image de produit Shopify prendre. Une colonne est toujours la galerie familière. L'autre est la série de spin qui n'a jamais appartenu à tous les emplacements d'images thématiques.
| Galerie statique Shopify | Série de cadres 360° (Spinnify) | |
|---|---|---|
| Dimensions typiques | Souvent ~2048 × 2048 px carré toujours | Série paysage 4:3 (jusqu'à 36) ; mobile 3:4 en option |
| Où vivent les fichiers | Shopify support produit/thème | Spinnify 360° Studio + CDN |
| Quand les octets se chargent | Avec galerie / LCP candidats | Après que l'acheteur ait appuyé sur la commande 3D |
| Format de livraison | Images réactives générées par thème | CDN-redimensionné WebP / AVIF pour le spectateur |
| Travail de redimensionnement du marchand | Exporter un héros + alts | Capturez des images cohérentes ; Spinnify redimensionne pour la livraison |
| Correspondance du catalogue | Support produit joint dans l'administration | Nom du produit ↔ variante SKU (insensible à la casse) |
Le chemin Spinnify 360° Studio (taille sans gonflement du thème)
Spinnify 360° Studio est conçu pour que les commerçants cessent de traiter les images de produits à 360° sur Shopify comme un dump de fichiers. Vous capturez ou importez la série d'images (ou un court clip de platine qui devient des images), publiez le produit sous le nom qui correspond à votre variante SKU et laissez le bloc d'application Shopify afficher un contrôle 3D sur le modèle de produit. Le gros travail consistant à fournir la bonne densité de pixels se produit sur le CDN de Spinnify, et non à l'intérieur de chaque balise d'image Liquid lors de la première peinture.
Cette séparation est la réponse honnête à la « taille de l'image de la page produit Shopify » lorsque le commerçant veut vraiment faire un tour. Vos images fixes carrées peuvent suivre la directive statique de Shopify. Votre orbite réside dans une visionneuse dédiée qui se charge paresseusement, de sorte que LCP reste lié au packshot du héros au lieu de trente-six images en compétition pour la bande passante à chaque visite.
Si Core Web Vitals sont déjà un problème sur votre PDP, associez ce modèle de taille à nos notes surShopify 360° sans nuire à PageSpeed. Pour les images provenant d'une vidéo au lieu d'une prise de vue fixe, voirVidéo à 360° pour le commerce électronique.
Les erreurs que font les commerçants une fois
La plupart des échecs ne sont pas de mystérieuses erreurs d’API. Ce sont des habitudes de taille et de placement copiées à partir d’une photographie statique dans un format qui n’appartient pas à la galerie.
- Téléchargement de l'intégralité de la séquence à 360° dans des fichiers Shopify comme si chaque image était une galerie.
- Tirer uniquement sur des masters carrés 1:1 et s'attendre à ce qu'ils se comportent comme une série de spins 4:3.
- Envoi d'originaux d'appareil photo de plusieurs mégaoctets au thème et en espérant que Shopify « corrige » la livraison des spins.
- Nommer le produit Spinnify 360° Studio différemment de la variante SKU (la correspondance n'est pas sensible à la casse et n'est pas floue).
- Le recadrage automatique dans le cloud permettra de récupérer les images décentrées ou tronquées.
- Juger du succès uniquement dans l'aperçu de l'éditeur de thème au lieu d'une URL de produit en direct avec le champ de correspondance défini.
Verdict
Shopify taille d'image du produit pour les images fixes statiques et Shopify taille d'image pour 360° sont des mots-clés associés avec différents pipelines. Conservez les héros de galerie carrés et bien compressés dans Shopify. Capturez des séries d'images cohérentes 4:3 (et 3:4 en option) pour la rotation, publiez-les dans Spinnify 360° Studio et laissez CDN WebP/__PH_2__ plus un widget déclenché par pression protéger la page produit. C'est ainsi que vous obtenez 360 images de produits sur Shopify sans transformer le thème en DAM non officiel.
Prêt à publier un spin sans bourrer le thème :Ouvrir Spinnify 360° Studio. Besoin du chemin d'installation une fois que les tailles sont claires ? Lire leShopify Guide d'intégration 360°.
