Images des produits

Liens en vedette

1. Ressource de référence sur help.shopify.com : répertoire des partenaires
2. Documentation Shopify sur la gestion des produits
3. Documentation Shopify sur l’ajout de médias de produits
4. Page Produits de l’interface administrateur Shopify
5. Documentation Shopify sur les métachamps
6. Documentation Shopify sur les limites d’hébergement des vidéos et des modèles 3D
7. Documentation Shopify sur le scanner 3D
8. Documentation Shopify sur l’ajout de texte alternatif aux médias
9. Documentation Shopify sur les thèmes prenant en charge les médias de produits
10. Documentation Shopify pour les développeurs sur l’ajout de la prise en charge des médias

Vidéos utiles

Vidéo sur les images de produits

Vidéo sur les images de produits

Principes de base des médias de produits

Dans votre boutique Company XYZ Align, utilisez les médias de produits Shopify pour présenter des produits physiques, des téléchargements numériques, des services et des cartes-cadeaux. Ajoutez les détails et les médias du produit, puis créez des variantes pour des options telles que la taille ou la couleur.

Vous pouvez rendre un produit disponible sur un ou plusieurs canaux de vente lors de son ajout ou de sa mise à jour. Gérez les produits et les variantes depuis la page Produits de l’interface administrateur Shopify.

Ajouter des médias de produits

Vous pouvez ajouter jusqu’à 250 images, modèles 3D et vidéos à chaque produit. Les vidéos et les modèles 3D sont également pris en compte dans les limites d’hébergement de la boutique, qui varient selon le forfait. Consultez les limites d’hébergement des vidéos et des modèles 3D

Sur les appareils iOS compatibles, vous pouvez également numériser et créer un modèle 3D dans l’application Shopify Mobile grâce à la fonction de scanner 3D

Le premier élément multimédia d’un produit est son média à la une, ou média principal. Shopify utilise cet élément principal sur les pages de collections, la page du panier, la page de paiement et la page d’accueil. Vous pouvez le modifier à tout moment.

Ajouter des médias à un produit

1. Depuis l’interface administrateur Shopify, accédez à la page Produits
2. Sélectionnez le produit à modifier.
3. Dans la section Médias, ajoutez une image, un modèle 3D ou une vidéo à l’aide de l’une des méthodes suivantes :
   • Sélectionnez Téléverser un nouveau fichier, puis choisissez le fichier à téléverser.
   • Faites glisser un fichier dans la section Médias.
   • Sélectionnez Sélectionner un fichier existant pour choisir un fichier parmi les médias que vous possédez déjà.
   • Pour ajouter un fichier depuis une URL, sélectionnez Sélectionner un fichier existant, puis Ajouter depuis une URL.

Modifier le média principal du produit

1. Depuis l’interface administrateur Shopify, accédez à la page Produits
2. Sélectionnez le produit à modifier.
3. Dans la section Médias, faites glisser l’élément multimédia à utiliser en première position.

Supprimer des médias de produits

Vous pouvez supprimer les médias un par un ou plusieurs éléments en bloc.

Supprimer un élément multimédia

Si un fichier est utilisé ailleurs dans votre boutique, sa suppression ici le retire uniquement de ce produit.

1. Depuis l’interface administrateur Shopify, accédez à la page Produits
2. Sélectionnez le produit à modifier.
3. Dans la section Médias, sélectionnez l’élément multimédia à supprimer.
4. Sélectionnez l’icône de corbeille.
5. Sélectionnez Supprimer le fichier.

Supprimer des médias en bloc

Si certains fichiers sélectionnés sont utilisés ailleurs dans votre boutique, ils sont retirés uniquement du produit que vous modifiez.

1. Depuis l’interface administrateur Shopify, accédez à la page Produits
2. Sélectionnez le produit à modifier.
3. Dans la section Médias, utilisez les cases à cocher pour sélectionner les éléments multimédias à supprimer.
4. Sélectionnez Supprimer les fichiers.
5. Sélectionnez Supprimer.

Vidéos et modèles 3D

Les modèles 3D et les vidéos ne peuvent pas être utilisés comme médias de variantes de produits.

Avant d’utiliser des modèles 3D ou des vidéos sur les pages de produits Align, vérifiez que la version installée prend en charge le type de média. Shopify tient à jour une liste de thèmes prenant en charge les modèles 3D et les vidéos. Si vous utilisez une version compatible plus ancienne, mettez-la à jour si nécessaire.

Si vous prévoyez de personnaliser le code d’Align pour prendre en charge les médias, consultez les recommandations de Shopify sur l’ajout de la prise en charge des médias à votre thème ainsi que les directives UX relatives aux médias. Pour obtenir des conseils propres à Align, consultez la documentation de Company XYZ ou contactez l’assistance Company XYZ.

Video et limites d’hébergement des modèles 3D

Votre boutique dispose d’une limite totale pour les vidéos et les modèles 3D hébergés par Shopify, répartie entre les médias de produits et la page Fichiers. La limite de modèles 3D dépend de votre forfait.

Starter	Basic Shopify	Shopify	Advanced Shopify	Shopify Plus
250	250	1000	5000	Contacter l’assistance Shopify Plus

Note

Chaque forfait autorise un maximum de 250 fichiers multimédias, quel qu’en soit le type, sur un même produit à la fois.

Ajouter des médias de produits avec des métachamps

Utilisez les métachamps lorsque vous souhaitez mieux contrôler l’affichage des médias de produits dans votre boutique en ligne. Créez un métachamp de référence de fichier pour un produit afin de téléverser une image à afficher, ou un autre type de fichier à télécharger pour les clients.

Les métachamps de référence de fichier peuvent afficher des images JPEG, PNG, WEBP, SVG, HEIC et GIF. Chaque métachamp ne peut contenir qu’un seul fichier à la fois.

Annuler les modifications d’image d’un produit

Si vous n’avez plus besoin d’un recadrage, d’un redimensionnement ou d’une modification magique, rétablissez l’état d’origine d’une image avec Rétablir l’original dans le coin supérieur de l’éditeur.

Note

Rétablir l’original est disponible uniquement lors de l’aperçu d’un média ayant déjà été modifié. Après confirmation de l’action, le fichier retrouve sa forme d’origine. Cette option est disponible uniquement pour les modifications de médias de produits effectuées après janvier 2024.

Types de médias de produits

Les clients voient les médias de produits, tels que les images, sur les pages de produits. Les vidéos, les modèles 3D et la réalité augmentée peuvent aider les clients à mieux comprendre un produit, renforcer leur confiance et améliorer leur expérience d’achat.

Utilisez des médias de haute qualité conformes aux spécifications requises afin qu’ils s’affichent correctement. Tous les thèmes prennent en charge les images de produits, mais les vidéos et les modèles 3D nécessitent une prise en charge dans la version installée d’Align.

Images

Les images de produits apparaissent sur les canaux de vente, notamment votre boutique en ligne et Shopify POS. PNG est le meilleur type de fichier pour la plupart des images de produits, suivi de JPEG.

Les autres types d’images acceptés sont PSD, TIFF, BMP, GIF, SVG, HEIC et WebP. Le service d’images de Shopify sélectionne le format pris en charge le mieux adapté au client web de chaque client. La présentation exacte dépend de vos paramètres et modèles Align, mais tous les thèmes prennent en charge les images de produits.

Les images de produits et de collections peuvent mesurer jusqu’à 5000 x 5000 px, soit 25 mégapixels, et doivent faire moins de 20 Mo. Les photos haute résolution donnent généralement aux produits une apparence plus soignée et professionnelle.

Pour les images de produits carrées, 2048 x 2048 px convient généralement le mieux. Pour obtenir des conseils sur la photographie, consultez le guide DIY définitif pour réussir de belles photos de produits sur le Shopify Blog.

Astuce

Les images de produits peuvent apparaître côte à côte dans différentes tailles sur les pages de collections. Gardez une cohérence visuelle entre les images à la une en utilisant le même rapport hauteur/largeur

Lorsque vous ajoutez une image, Shopify crée automatiquement différentes tailles à utiliser dans différentes zones de votre thème. Par exemple, une version plus grande peut apparaître sur une page de détails du produit, tandis qu’une version plus compacte peut apparaître dans des modèles de collection où une grande image n’est pas nécessaire.

Trouver d’autres images

Vous avez besoin d’images libres de droits pour votre boutique en ligne ? Téléchargez des photos haute résolution de produits et de style de vie depuis Burst

Modèles 3D

Un modèle 3D est une représentation virtuelle et tridimensionnelle d’un objet. Il peut aider les clients à mieux comprendre la taille, l’échelle et les détails d’un produit.

Les clients peuvent consulter les modèles 3D des produits depuis la page du produit. Le modèle utilise la caméra et l’écran de l’appareil pour placer le produit dans l’environnement du client, qui peut ainsi l’examiner sous n’importe quel angle.

Avant d’ajouter un modèle 3D à votre boutique en ligne, assurez-vous que le fichier respecte les exigences suivantes :

1. Taille du fichier Jusqu’à 500 Mo
2. Type de fichier GLB ou USDZ

Si vous téléversez un modèle 3D de plus de 15 Mo, Shopify l’optimise afin de réduire la taille du fichier et d’améliorer la vitesse de chargement.

Taille du modèle	Optimisation	Conversion
Moins de 15 Mo	Le modèle n’est pas optimisé. Sa géométrie et ses matériaux restent inchangés.	Les fichiers sont convertis afin que les versions .USDZ et .GLB soient disponibles, avec prise en charge des appareils Android et iOS.
Plus de 15 Mo	Le modèle est optimisé. La géométrie et les textures sont optimisées tout en préservant le rendu visuel du fichier d’origine.	Les fichiers sont convertis afin que les versions .USDZ et .GLB soient disponibles, avec prise en charge des appareils Android et iOS.

Vidéos

Ajoutez des vidéos de produits de l’une des façons suivantes :

1. Téléversez un fichier vidéo.
2. Intégrez un lien vidéo YouTube ou Vimeo.

Les fichiers vidéo téléversés doivent respecter les exigences suivantes :

1. Durée de la vidéo Jusqu’à 10 minutes
2. Taille de la vidéo Jusqu’à 1 Go
3. Résolution de la vidéo Jusqu’à 4K, soit 4096 x 2160 px
4. Type de fichier vidéo .mp4 ou .mov

Ces exigences ne s’appliquent pas aux vidéos YouTube ou Vimeo intégrées. Les URL d’autres fournisseurs de vidéos ne sont pas prises en charge.

Dans les navigateurs compatibles avec la diffusion en continu, les vidéos s’affichent en 480p, 720p ou 1080p selon la vitesse de connexion du visiteur et la résolution de la vidéo téléversée. Dans les navigateurs qui ne prennent pas en charge la diffusion en continu, les vidéos s’affichent dans la résolution disponible la plus élevée.

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

Prise en charge des modèles 3D et des vidéos par Align

La version installée d’Align peut prendre en charge les modèles 3D et les vidéos, mais la compatibilité dépend de la version présente dans la bibliothèque de thèmes Shopify. Consultez la documentation de Company XYZ avant de mettre Align à jour ou de le personnaliser. Pour obtenir de l’aide concernant un comportement propre à Align, contactez l’assistance Company XYZ. Pour les questions relatives à l’interface administrateur Shopify, au forfait, au compte ou à l’hébergement de la plateforme, contactez l’assistance Shopify.

Notes d’utilisation

1. Choisissez soigneusement le premier élément. Votre premier élément multimédia devient le média principal du produit, affiché sur les principales pages destinées aux clients.
2. Planifiez le volume de médias. Tenez compte de la limite de 250 fichiers par produit et vérifiez les limites globales de vidéos et de modèles 3D avant de téléverser un catalogue volumineux.
3. Conservez une cohérence entre les images. Utilisez des images de haute qualité avec un rapport hauteur/largeur cohérent, en particulier pour les images à la une affichées dans les collections.
4. Vérifiez d’abord la prise en charge par Align. Assurez-vous que la version installée d’Align prend en charge les vidéos et les médias 3D avant d’utiliser ces formats.
5. Utilisez les métachamps pour des médias personnalisés. Un métachamp de référence de fichier contient un seul fichier, ce qui le rend utile lorsque votre thème est configuré pour afficher des médias complémentaires propres à un produit.
6. Vérifiez les modifications avant de les annuler. Le rétablissement d’une image modifiée la renvoie à son fichier d’origine ; confirmez donc que vous n’avez plus besoin du recadrage, du redimensionnement ou de la modification magique.