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

  1. Ouvrez le produit en mode d’édition.

  2. 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.
  3. 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 ( Icône de caméra ) dans la zone Images And Videos.

  • Dans la zone Images And Videos, cliquez sur la mosaïque_ Appareil photo _( Icône Appareil photo ), sélectionnez le fichier image sur votre ordinateur, puis cliquez sur Open.

    Télécharger ou faire glisser et déposer {width="600" modal="regular"}

Réorganiser les images

Pour modifier l’ordre des images dans la galerie, cliquez sur l’icône Sort( Icône Trier ) au bas de la mosaïque de l’image et faites glisser l’image vers une autre position dans la zone​ Images And Videos.

Modifier l’ordre

Suppression d’une image

Pour supprimer une image de la galerie, cliquez sur l’icône Delete ( Icône Corbeille ) 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 :

Affichage des détails de l’image

Pour fermer la vue détaillée, cliquez sur l’icône Fermer ( 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.

Rôles attribués

Masquer une image

Pour exclure une image de la galerie de miniatures, cochez la case Hidden et cliquez sur Save.

Images masquées

Rôles d’image

Rôle d’image
Description
Thumbnail
Les images miniatures apparaissent dans la galerie de miniatures, dans le panier et dans certains blocs, tels que Éléments associés. Exemple de taille : 50 x 50 pixels
Small Image
La petite image est utilisée pour les images de produit dans les listes sur les pages de résultats de recherche et de catégorie, ainsi que pour afficher les images de produit nécessaires aux sections telles que Valeurs incitatives, Ventes croisées et Nouvelle liste de produits. Exemple de taille : 470 x 470 pixels
Base Image
L’image de base est l’image principale de la page des détails du produit. Le zoom sur l’image est activé si vous téléchargez une image plus grande que le conteneur d’images. Selon le niveau de zoom que vous souhaitez obtenir, l’image de base doit être deux ou trois fois la taille du conteneur. Exemples de tailles : 470 x 470 pixels (sans zoom), 1 100 x 1 100 pixels (avec zoom)
Swatch
Un échantillon peut être utilisé pour illustrer la couleur, le motif ou la texture. Exemple de taille : 50 x 50 pixels

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

filigrane en mosaïque

Ajout de filigranes aux images de produit

  1. Sur la barre latérale Admin, accédez à Content > Design>Configuration.

    Pour plus d’informations sur les configurations de conception, voir Configuration de conception.

  2. Recherchez la vue de magasin que vous souhaitez configurer et cliquez sur Edit dans la colonne Action.

  3. Sous Other Settings, développez la section Sélecteur d’extension sur Product Image Watermarks.

    Filigranes d’image du produit - Base {width="600" modal="regular"}

    Les paramètres d’image Base, Thumbnail, Small et Swatch Image sont identiques.

  4. 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.
  5. 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.

  6. Une fois l’opération terminée, cliquez sur Save Config.

  7. Lorsque vous êtes invité à actualiser le cache, cliquez sur Cache Management dans le message système et actualisez le cache non valide.

    Actualiser le cache {width="600" modal="regular"}

TIP
Vous pouvez cliquer sur Use Default Value Flèche de retour pour restaurer la valeur par défaut.

Suppression d’un filigrane

  1. Dans le coin inférieur gauche de l’image, cliquez sur l’icône Delete ( Icône Corbeille ).

    Supprimer le filigrane {width="300"}

  2. Cliquez sur Save Config.

  3. 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.

recommendation-more-help
af062d56-f22c-4537-813d-bedf8b92a071