Types de supports multimédias de produit

Les clients qui parcourent votre boutique en ligne voient des supports multimédias tels que des images sur les pages de produits. L’utilisation de supports multimédias tels que des vidéos, des modèles 3D et de la réalité augmentée sur votre page de produit peut renforcer la confiance d’un client dans vos produits, ce qui se traduit par une meilleure expérience client et une augmentation des ventes. Il est important que les supports multimédias que vous ajoutez pour vos produits soient de haute qualité et qu’ils respectent les spécifications requises afin qu’ils soient chargés et affichés correctement.

Pour afficher des vidéos ou des modèles 3D sur les pages de produits, votre boutique en ligne doit utiliser un thème qui prend en charge les supports multimédias que vous souhaitez ajouter. Tous les thèmes permettent d’ajouter des images à vos produits.

Sur cette page

Images

Les images de produits sont utilisées pour présenter les produits sur les canaux de vente de Shopify, y compris sur votre boutique en ligne et dans Shopify POS. Le meilleur type de fichier pour la plupart des images de produits est le format PNG, suivi du format JPEG. Les autres types de fichiers acceptés sont PSD, TIFF, BMP, GIF, SVG, HEIC et WebP. Les versions animées des fichiers GIF et WebP sont également prises en charge. Le service d’imagerie de Shopify détermine les formats d’image pris en charge par le client web de votre client, puis il affiche automatiquement l’image dans le meilleur format disponible. La manière exacte dont les images s’affichent sur votre boutique dépend du thème de votre boutique en ligne, mais tous les thèmes permettent l’ajout d’images.

Les images de vos produits et de vos collections peuvent avoir une taille allant jusqu’à 5 000 x 5 000 px ou 25 mégapixels. La taille des fichiers des images de produits et de collections doit être inférieure à 20 Mo pour pouvoir les ajouter à Shopify.

Les photos haute résolution ont un aspect plus soigné et professionnel pour vos clients. Pour les images de produits carrées, une taille de 2 048 x 2 048 px offre généralement le meilleur affichage. Pour obtenir plus de conseils sur la photographie de vos produits, lisez l’article Le guide définitif pour réaliser vous-même de belles photographies de produits sur le blog de Shopify.

Lorsque vous ajoutez une image, différentes tailles sont automatiquement créées pour être utilisées dans différentes zones du thème de votre boutique en ligne. Par exemple, la version grand format d’une image de produit peut être utilisée sur la page de détails du produit, où le client souhaite voir le produit en détail. La version compacte de la même image peut être utilisée sur les modèles de collection, où une image plus grande n’est pas nécessaire.

Modèles 3D

Les modèles 3D sont des représentations virtuelles d’un objet en trois dimensions. Les modèles 3D peuvent donner à vos clients une meilleure idée de la taille, de l’échelle et des détails de vos produits.

Un client qui parcourt votre boutique peut voir les modèles 3D de produits à partir de la page de produit. Les modèles utilisent l’appareil photo et l’écran de l’appareil pour afficher le produit dans l’environnement du client. Grâce au modèle 3D, le client peut voir l’objet sous n’importe quel angle.

Vous devez vous assurer que vos fichiers de modèles 3D répondent aux exigences suivantes avant de les ajouter à votre boutique en ligne :

Taille du fichier : jusqu’à 500 Mo
Type de fichier : GLB, USDZ

Si vous chargez un fichier de modèle 3D qui dépasse 15 Mo, votre fichier est automatiquement optimisé. L’optimisation réduit la taille des fichiers et augmente les vitesses de chargement.

Liste des tailles de modèle (en Mo), de la règle d’optimisation et du type de support multimédia de conversion par défaut.
Taille du modèle	Optimisation	Conversion
Inférieure à 15 Mo	Le modèle 3D n’est pas optimisé. La géométrie et les matériaux du modèle ne sont pas modifiés.	Les fichiers sont convertis pour garantir la disponibilité d’une version .USDZ et d’une version .GLB du modèle. La conversion garantit la compatibilité avec les appareils Android et iOS.
Supérieure à 15 Mo	Le modèle 3D est optimisé. La géométrie et les textures du modèle sont optimisées, tout en préservant le rendu visuel du fichier d’origine.	Les fichiers sont convertis pour garantir la disponibilité d’une version .USDZ et d’une version .GLB du modèle. La conversion garantit la compatibilité avec les appareils Android et iOS.

Vidéos

Vous pouvez ajouter des vidéos pour votre produit de deux manières : en important un fichier vidéo ou en intégrant un lien vidéo YouTube ou Vimeo. Si vous importez des fichiers vidéo, assurez-vous qu’ils répondent aux exigences suivantes :

Durée de la vidéo : jusqu’à 10 minutes
Taille de la vidéo : jusqu’à 1 Go
Résolution de la vidéo : jusqu’à 4K (4096 x 2160 px)
Type de fichier vidéo : .mp4, .mov ou .webm

Vous n’avez pas besoin de respecter ces exigences pour l’intégration de vidéos YouTube ou Vimeo. Toutefois, les URL autres que celles de YouTube ou de Vimeo ne sont pas prises en charge.

Dans les navigateurs qui prennent en charge le streaming, les vidéos s’affichent en 480p, 720p ou 1080p, en fonction de la vitesse de connexion du spectateur et de la résolution de la vidéo importée. Dans les navigateurs qui ne prennent pas en charge le streaming, les vidéos s’affichent dans la plus haute résolution disponible.

Vous pouvez ajouter des images, des modèles 3D ou des vidéos pour vos produits depuis votre interface administrateur Shopify ou l’application Shopify.

Thèmes compatibles avec les modèles 3D ou les vidéos

Votre thème prend peut-être déjà en charge les modèles 3D ou les vidéos. Vous devez vous assurer que votre thème est mis à jour avec la bonne version.

Les thèmes Shopify suivants prennent en charge l’affichage de modèles 3D ou de vidéos sur votre boutique en ligne :

Tous les thèmes Online Store 2.0 créés par Shopify. En savoir plus sur l'architecture des thèmes.
Toute la famille de thèmes Horizon.

Certains thèmes ont également été mis à jour pour offrir une meilleure expérience de lecture des vidéos Vimeo. Si vous souhaitez présenter des vidéos Vimeo dans votre thème, pensez à mettre à jour votre thème vers l’une des versions suivantes :

La plupart des thèmes tiers ont des versions récentes qui incluent des modèles 3D ou des vidéos. Si vous utilisez un thème développé par un tiers, vous pouvez contacter le développeur du thème pour obtenir de l’assistance ou consulter la documentation d’aide de votre thème.

Ajout de supports multimédias pour les produits à l’aide de champs méta

Si vous souhaitez personnaliser la façon dont les supports multimédias de produit s’affichent sur votre boutique en ligne, vous pouvez utiliser des metafields pour créer un champ méta de référence de fichier pour vos produits. Les champs méta de référence de fichier prennent en charge l’importation d’images pour afficher vos produits, ou de tous les autres types de fichiers que vos clients peuvent télécharger. Vous pouvez afficher des images JPEG, PNG, WEBP, SVG, HEIC ou GIF dans des champs méta sur votre boutique en ligne. Un champ méta ne peut contenir qu’un seul fichier à la fois.

Si vous avez un thème compatible, vous pouvez connecter des champs méta de référence de fichier à votre thème à l’aide de l’éditeur de thème. Si vous utilisez des thèmes anciens, vous pouvez modifier le code de votre thème ou engager un Partenaire Shopify pour vous aider.