Gestion des images et des vidéos de produit
Pour chaque produit, vous pouvez télécharger plusieurs images et vidéos, réorganiser leur ordre et contrôler leur utilisation. Si vous disposez d’une grande quantité d’images à gérer, vous préférerez peut-être les importer sous la forme d’un lot plutôt que de les télécharger individuellement. Pour plus d’informations, voir Importer des images de produit.
Si vous prévoyez de télécharger des images volumineuses pour affichage sur la page Product Details, vous pouvez définir une taille maximale en pixels (largeur et hauteur) et redimensionner automatiquement les fichiers lors du téléchargement. Une option permet d’activer le redimensionnement automatique des fichiers image plus volumineux au fur et à mesure du téléchargement. Pour plus d’informations, voir Redimensionnement d’image de produit.
Mettre à jour les images du produit
-
Ouvrez le produit en mode d’édition.
-
Pour utiliser une vue de magasin spécifique, définissez le programme de sélection Store View dans le coin supérieur gauche sur la vue applicable.
note note NOTE Les nouvelles images de produit sont toujours chargées et visibles dans toutes les vues de magasin, même si la portée All Store Views
n’est pas utilisée pour le transfert.
Pour masquer une image de produit d’une vue de magasin spécifique, vous devez passer à cette vue de magasin , cocher la case Hide from Product Page de l’image et cliquer sur Save. -
Faites défiler l’écran vers le bas et développez la section Images and Videos.
Chargement d’une image
Pour une meilleure compatibilité, il est recommandé de télécharger toutes les images de produit avec le profil colorimétrique sRGB
. Tous les autres profils colorimétriques sont automatiquement convertis dans le profil colorimétrique sRGB
lors du chargement de l’image du produit, ce qui peut entraîner une incohérence des couleurs dans l’image chargée.
La longueur du nom du fichier image, y compris son extension, ne peut pas dépasser 90 caractères.
Pour télécharger une image, effectuez l’une des opérations suivantes :
-
Faites glisser une image de votre bureau et déposez-la sur la mosaïque Caméra ( ) dans la zone Images And Videos.
-
Dans la zone Images And Videos, cliquez sur la mosaïque_ Appareil photo _( ), sélectionnez le fichier image sur votre ordinateur, puis cliquez sur Open.
{width="600" modal="regular"}
Réorganiser les images
Pour modifier l’ordre des images dans la galerie, cliquez sur l’icône Sort( ) au bas de la mosaïque de l’image et faites glisser l’image vers une autre position dans la zone Images And Videos.
{width="600" modal="regular"}
Suppression d’une image
Pour supprimer une image de la galerie, cliquez sur l’icône Delete ( ) dans le coin supérieur droit de la mosaïque de l’image, puis cliquez sur Save.
Définition des détails d’image
Cliquez sur l’image que vous souhaitez ouvrir en mode détaillé et effectuez l’une des opérations suivantes :
{width="600" modal="regular"}
Pour fermer la vue détaillée, cliquez sur l’icône Fermer ( ) dans le coin supérieur droit.
Une fois l’opération terminée, cliquez sur Save.
Saisir du texte alternatif
Le texte de remplacement d’image est référencé par les lecteurs d’écran afin d’améliorer l’accessibilité web et par les moteurs de recherche lors de l’indexation du site. Certains navigateurs affichent le texte de remplacement à la souris. Le texte de remplacement peut contenir plusieurs mots et contenir des mots-clés soigneusement sélectionnés.
Dans la zone Alt Text, saisissez une brève description de l’image.
Attribution de rôles
Par défaut, tous les rôles sont affectés à la première image chargée dans le produit. Pour réaffecter un rôle à une autre image, procédez comme suit :
Dans la zone Role, sélectionnez le rôle que vous souhaitez affecter à l’image.
Lorsque vous revenez à la section Images et vidéos , les rôles actuellement affectés apparaissent sous chaque image.
{width="600" modal="regular"}
Masquer une image
Pour exclure une image de la galerie de miniatures, cochez la case Hidden et cliquez sur Save.
{width="600" modal="regular"}
Rôles d’image
Filigranes
Si vous allez au détriment de la création de vos propres images de produit originales, il n'y a pas grand chose à faire pour empêcher des concurrents sans scrupules de les voler en un clic de souris. Cependant, vous pouvez en faire une cible moins attrayante en plaçant un filigrane sur chaque image afin de les identifier comme votre propriété. Un fichier de filigrane peut être une image de JPG (JPEG), de GIF ou PNG. Les types de fichiers GIF et PNG prennent en charge les calques transparents qui peuvent être utilisés pour donner au filigrane un arrière-plan transparent.
Le filigrane utilisé pour l’image small dans l’exemple suivant est un logo noir avec un arrière-plan transparent et enregistré en tant que fichier PNG avec les paramètres suivants :
- Taille : 50x50
- Opacité : 5
- Position : mosaïque
{width="700" modal="regular"}
Ajout de filigranes aux images de produit
-
Sur la barre latérale Admin, accédez à Content > Design>Configuration.
Pour plus d’informations sur les configurations de conception, voir Configuration de conception.
-
Recherchez la vue de magasin que vous souhaitez configurer et cliquez sur Edit dans la colonne Action.
-
Sous Other Settings, développez la section sur Product Image Watermarks.
{width="600" modal="regular"}
Les paramètres d’image Base, Thumbnail, Small et Swatch Image sont identiques.
-
Utilisez l’une des méthodes suivantes pour ajouter la ressource image de filigrane :
- Cliquez sur Upload et sélectionnez sur votre système le fichier image que vous souhaitez charger pour l’utiliser comme filigrane.
- Cliquez sur Select from Gallery et sélectionnez une ressource image dans la galerie de médias.
-
Définissez les paramètres d’affichage du filigrane :
-
Saisissez le Image Opacity en pourcentage. Par exemple :
40
-
Saisissez le Image Size en pixels. Par exemple :
200 x 200
-
Définissez Image Position pour déterminer l’emplacement du filigrane.
-
-
Une fois l’opération terminée, cliquez sur Save Config.
-
Lorsque vous êtes invité à actualiser le cache, cliquez sur Cache Management dans le message système et actualisez le cache non valide.
{width="600" modal="regular"}
Suppression d’un filigrane
-
Dans le coin inférieur gauche de l’image, cliquez sur l’icône Delete ( ).
{width="300"}
-
Cliquez sur Save Config.
-
Lorsque vous êtes invité à actualiser le cache, cliquez sur Cache Management dans le message système et actualisez le cache non valide.
Si l’image de filigrane persiste dans le storefront, revenez à la gestion du cache et cliquez sur Flush Magento Cache.