Composant Image (v2) image-component

Ressource image

• Déposez un fichier depuis l’explorateur de ressources ou appuyez sur l’option parcourir pour effectuer un téléchargement à partir d’un système de fichiers local.
• Appuyez ou cliquez sur Effacer pour désélectionner l’image actuellement sélectionnée.
• Appuyez ou cliquez sur Modifier pour gérer les rendus de la ressource dans l’éditeur de ressources.

Type de paramètre prédéfini  : définit les types de paramètres d’image prédéfinis disponibles, soit Paramètre d’image prédéfini ou Recadrage intelligent et n’est disponible que lorsque les fonctionnalités de Dynamic Media sont activées.

• Paramètre d’image prédéfini  : lorsque Type de paramètre prédéfini dans Paramètre d’image prédéfini est sélectionné, la liste déroulante Paramètre d’image prédéfini est disponible, ce qui permet de sélectionner les paramètres prédéfinis Dynamic Media disponibles. Cette option n’est disponible que si des paramètres prédéfinis sont définis pour la ressource sélectionnée.
• Recadrage intelligent  : lorsque Type de paramètre prédéfini dans Recadrage intelligent est sélectionné, la liste déroulante Rendu est disponible, ce qui permet de sélectionner les rendus disponibles de la ressource sélectionnée. Cette option n’est disponible que si des rendus sont définis pour la ressource sélectionnée.
• Modificateurs d’images  : il est possible de définir ici d’autres commandes de traitement d’images Dynamic Media, séparées par des caractères &, quel que soit le type de paramètre prédéfini sélectionné.

L’image est décorative  : vérifiez si l’image doit être ignorée par les dispositifs d’assistance et ne requiert donc pas de texte de remplacement. Cela s’applique uniquement aux images décoratives.

Texte de remplacement  : alternative textuelle de la signification ou de la fonction de l’image, pour les malvoyants.

• Obtenir un texte alternatif à partir de DAM  : lorsque cette option est cochée, le texte de remplacement de l’image est renseigné avec la valeur des métadonnées dc:description dans DAM.

Légende  : des informations supplémentaires sur l’image sont affichées par défaut sous l’image.

• Obtenir la légende à partir de DAM  : lorsque cette option est cochée, le texte de légende de l’image est renseigné avec la valeur des métadonnées dc:title dans DAM.
• Afficher la légende dans un pop-up  : si cette option est activée, la légende ne s’affiche pas sous l’image, mais dans un pop-up, dans certains navigateurs, lorsque vous pointez sur l’image.

Lien  : lier l’image à une autre ressource.

• Utilisez la boîte de dialogue de sélection pour créer un lien vers une autre ressource AEM.
• Si vous ne créez pas de lien vers une ressource AEM, saisissez l’URL absolue. Les URL non absolues seront interprétées comme relatives à AEM.

ID  : cette option permet de contrôler l’identifiant unique du composant dans le code HTML ainsi que dans la couche de données.

• Si rien n’est indiqué, un ID unique est généré automatiquement et peut être trouvé en examinant la page obtenue.
• Si un ID est spécifié, il incombe à l’auteur de s’assurer qu’il est unique.
• La modification de l’ID peut avoir un impact sur le suivi CSS, JS et de couche de données.

Commencer recadrage

Cette option ouvre une liste déroulante pour les proportions de recadrage prédéfinies.

• Choisissez l’option Main libre pour définir votre propre recadrage.
• Choisissez l’option Supprimer le recadrage pour afficher la ressource d’origine.

Une fois qu’une option de recadrage est sélectionnée, utilisez les poignées bleues pour dimensionner le recadrage sur l’image.

Rotation à droite

Utilisez cette option pour faire pivoter l’image de 90° vers la droite (dans le sens des aiguilles d'une montre).

Symétrie horizontale

Utilisez cette option pour retourner l’image horizontalement ou faire pivoter l’image de 180° sur l’axe Y.

Symétrie verticale

Utilisez cette option pour retourner l’image verticalement ou faire pivoter l’image de 180° sur l’axe X.

Réinitialiser le zoom

Si l’image a déjà été agrandie, utilisez cette option pour réinitialiser le niveau de zoom.

Ouvrir le curseur de zoom

Utilisez cette option pour afficher un curseur permettant de contrôler le niveau de zoom de l’image.

Activer les fonctionnalités DM  : lorsque cette option est cochée, les fonctionnalités d’activation de Dynamic Media sont disponibles.

Activer les images optimisées pour le web  : lorsque cette case est cochée, le service de diffusion d’images optimisées pour le web diffusera les images au format WebP, réduisant ainsi la taille moyenne des images de 25 %.

• Cette option est disponible uniquement dans AEMaaCS.
• Lorsque cette option est décochée ou que le service de diffusion d’images optimisées pour le web n’est pas disponible, le servlet Image adaptative est utilisé.

Activer le chargement différé  : définissez si l’option de chargement différé est activée automatiquement lors de l’ajout du composant d’image à une page.

L’image est décorative  : définissez si l’option d’image décorative est activée automatiquement lors de l’ajout du composant d’image à une page.

Obtenir un texte alternatif à partir de DAM  : définissez si l’option permettant de récupérer le texte de remplacement de DAM est automatiquement activée lors de l’ajout du composant d’image à une page.

Obtenir la légende à partir de DAM  : définissez si l’option permettant de récupérer la légende à partir de DAM est automatiquement activée lors de l’ajout du composant d’image à une page.

Afficher la légende dans un pop-up  : définissez si l’option permettant d’afficher la légende d’image est automatiquement activée lors de l’ajout du composant d’image à une page.

Désactiver le suivi d’UUID  : cochez cette option pour désactiver le suivi de l’UUID de la ressource d’image.

Largeurs  : définit une liste de largeurs en pixels pour l’image ; le composant charge automatiquement la largeur la plus appropriée en fonction de la taille du navigateur.

• Appuyez ou cliquez sur le bouton Ajouter pour ajouter une autre taille.

  • Utilisez les poignées de capture pour réorganiser l’ordre des tailles.
  • Utilisez l’icône Supprimer pour supprimer une largeur.

• Par défaut, le chargement des images est différé jusqu’à ce qu’elles deviennent visibles.

  • Sélectionnez l’option Désactiver le chargement différé pour charger les images au chargement de la page.

Qualité JPEG  : facteur de qualité (exprimé par un pourcentage entre 0 et 100) pour les images JPEG transformées (mises à l’échelle ou recadrées, par exemple).

Source

Sélectionnez l’option Autoriser le transfert des ressources depuis le système de fichiers pour permettre aux auteurs de contenu de télécharger des images à partir de leur ordinateur local. Pour forcer les auteurs de contenu à sélectionner uniquement des ressources à partir d’AEM, désactivez cette option.

Orientation

Rotation
Utilisez cette option pour permettre à l’auteur de contenu d’utiliser l’option Rotation à droite.

Retourner
Utilisez cette option pour permettre à l’auteur de contenu d’utiliser les options Rotation horizontale et Rotation verticale.

Recadrage

Sélectionnez l’option Autoriser le recadrage pour permettre à l’auteur du contenu de recadrer l’image dans le composant au sein de la boîte de dialogue de modification.

• Cliquez sur Ajouter pour ajouter des proportions de recadrage prédéfinies.
• Saisissez un nom descriptif. Celui-ci s’affichera dans la liste déroulante Commencer recadrage.
• Entrez les proportions.
• Utilisez les poignées de glissement pour réorganiser l’ordre des proportions.
• Utilisez l’icône de corbeille pour supprimer des proportions.