Profils d’image Dynamic Media

Lorsque vous chargez des images, vous pouvez les recadrer automatiquement en appliquant un profil d’image au dossier.

IMPORTANT

Les profils d’image ne s’appliquent pas aux fichiers PDF, GIF animé ou INDD (Adobe InDesign).

Options de recadrage

Les coordonnées de recadrage intelligent dépendent du rapport d’aspect (L/H). Pour les paramètres de recadrage intelligent d’un Profil d’image, si le format est le même pour les dimensions ajoutées dans le Profil d’image, le même format est envoyé à Dynamic Media. Adobe vous recommande d’utiliser la même zone de récolte. Cela permet de s’assurer que les différentes dimensions utilisées dans le Profil d’images n’ont aucun impact.

Chaque génération de recadrage dynamique créée nécessite un traitement supplémentaire. Par exemple, l’ajout de plus de cinq proportions de recadrage dynamique entraîne un taux d’assimilation lent des ressources. Il peut également augmenter la charge sur les systèmes. Étant donné que le recadrage intelligent s’applique aux dossiers, Adobe vous recommande de l’utiliser uniquement pour les dossiers où cela est nécessaire.

Vous avez le choix entre deux options de recadrage d’image. Vous avez également la possibilité d’automatiser la création d’échantillons de couleurs et d’images.

Option Quand utiliser la personnalisation Description
Recadrage des pixels Recadrez des images en masse uniquement en fonction des dimensions.

Pour utiliser cette option, sélectionnez Recadrage des pixels dans la liste déroulante Options de recadrage.

Pour recadrer les bords d’une image, entrez le nombre de pixels à rogner de n’importe quel côté ou de chaque côté de l’image. La proportion du recadrage de l’image dépend du paramètre ppi (pixels par pouce) du fichier image.

Le recadrage des pixels d’un profil d’image est rendu de la façon suivante :

  • Les valeurs sont : haut, bas, gauche et droite.
  • Le coin supérieur gauche est considéré comme 0,0 et le rognage en pixels est calculé à partir de là.
  • Point de départ du recadrage : la gauche est X et le haut est Y
  • Calcul horizontal : dimension horizontale en pixels de l’image originale moins la gauche puis moins la droite.
  • Calcul vertical : hauteur verticale en pixels moins le haut puis moins le bas.

Prenons l’exemple d’une image de 4 000 x 3 000 pixels. Les valeurs utilisées sont les suivantes : haut=250, bas=500, gauche=300, droite=700.

De l’angle supérieur gauche (300 250), recadrez à l’aide de l’espace de remplissage (4 000 300 700, 3 000 250 500 ou 3 000 2250).

Recadrage intelligent Recadrez des images en masse en fonction de leur point focal visuel.

Le recadrage dynamique utilise la puissance de l’intelligence artificielle d’Adobe Sensei afin d’automatiser rapidement le recadrage des images en masse. Il détecte automatiquement le point focal de n’importe quelle image et recadre de façon à capturer le point ciblé prévu, quelle que soit la taille de l’écran.

Pour utiliser le recadrage intelligent, sélectionnez Recadrage intelligent dans la liste déroulante Options de recadrage, puis à droite de Recadrage d’image réactive, activez la fonction.

Les tailles des points d’arrêt par défaut (Grand, Moyen, Petit) couvrent la gamme complète des tailles utilisées par la plupart des images sur les périphériques mobiles et tablettes, les ordinateurs de bureau et les bannières. Si vous le souhaitez, vous pouvez modifier les noms par défaut Grand, Moyen et Petit.

Pour ajouter d’autres points d’arrêt, cliquez sur Ajouter un recadrage ; pour supprimer un recadrage, cliquez sur l’icône de corbeille.

Échantillon de couleurs et d’images L’option En bloc génère une nuance d’image pour chaque image.

Remarque : Smart Swatch n’est pas pris en charge par Dynamic Media Classic.

Localisez et générez automatiquement des échantillons de qualité supérieure des images de produits qui affichent la couleur ou la texture.

Pour utiliser la couleur et la série d’images, sélectionnez Recadrage dynamique dans la liste déroulante Options de recadrage. Ensuite, à droite de Couleur et Nuance d’image, activez (activez) la fonction. Saisissez une valeur de pixels dans les zones de texte Largeur et Hauteur.

Même si tous les recadrages d’images sont fournis par le rail Rendus, les échantillons sont utilisés uniquement par l’intermédiaire de la fonction Copier l’URL. Utilisez votre propre composant d’affichage pour effectuer le rendu de la nuance sur votre site. L'exception à cette règle est les bannières de carrousel. Dynamic Media fournit le composant d’affichage pour l’échantillon utilisé dans les bannières de carrousel.

Utilisation d’échantillons d’images

L’URL des échantillons d’images est simple:

/is/image/company/<asset_name>:Swatch

:Swatch est ajouté à la demande de ressource.

Utilisation des échantillons de couleurs

Pour utiliser les échantillons de couleurs, vous effectuez une demande req=userdata de la façon suivante :

/is/image/<company_name>/<swatch_asset_name>:Swatch?req=userdata

Par exemple, voici une ressource d’échantillon dans Dynamic Media Classic :

https://my.company.com:8080/is/image/DemoCo/Sleek:Swatch

Et voici l’URL req=userdata correspondante du fichier d’échantillons :

https://my.company.com:8080/is/image/DemoCo/Sleek:Swatch?req=userdata

La réponse req=userdata se présente comme suit :

SmartCropDef=Swatch SmartCropHeight=200.0 SmartCropRect=0.421671,0.389815,0.0848564,0.0592593,200,200 SmartCropType=Swatch SmartCropWidth=200.0 SmartSwatchColor=0xA56DB2

Vous pouvez également demander une réponse req=userdata au format XML ou JSON, comme dans les exemples d’URL respectifs suivants :

https://my.company.com:8080/is/image/DemoCo/Sleek:Swatch?req=userdata,xml

SmartSwatchColor

Accentuation

Utilisez le masque Accentuation pour affiner l’effet d’un filtre d’accentuation sur l’image finale sous-échantillonnée. Vous pouvez contrôler l’intensité de l’effet, le rayon de l’effet (mesuré en pixels) et un seuil de contraste qui est ignoré. Cet effet utilise les mêmes options que le filtre « Masque flou » d’Adobe Photoshop.

REMARQUE

Le masque flou est appliqué uniquement aux rendus réduits au sein du PTIFF (pyramid tiff), dont la résolution est réduite de plus de 50 %. Cela signifie que les rendus de la plus grande taille au sein du tiff ne sont pas affectés par le masquage flou. En revanche, les rendus de plus petite taille, tels que les miniatures, sont modifiés (et affichent le masque flou).

L’option Accentuation propose les options de filtre suivantes :

Option Description
Quantité Contrôle le degré de contraste appliqué aux pixels de contour. La valeur par défaut est 1.75. Pour les images à haute résolution, vous pouvez l’augmenter jusqu’à 5. Considérez la quantité comme une mesure de l’intensité du filtre. La plage est 0 à 5.
Rayon Détermine le nombre de pixels entourant les pixels de contour qui affectent l’accentuation. Pour les images à haute résolution, entrez une valeur comprise entre 1 et 2. Une valeur faible accentue uniquement les pixels de contour ; une valeur élevée accentue une bande plus large de pixels. La valeur appropriée dépend de la taille de l’image. La valeur par défaut est 0,2. La plage est 0 à 250.
Seuil

Détermine la plage de contraste à ignorer lorsque le filtre de masquage flou est appliqué. En d’autres termes, cette option définit l’écart recherché entre les pixels et la zone environnante avant qu’ils ne soient considérés comme des pixels de contour et ne soient accentués. Pour éviter d’introduire du bruit, essayez des valeurs comprises entre 0 et 255.

L’accentuation est décrite dans Accentuation des images.

Création de profils d’image Dynamic Media

Pour définir des paramètres de traitement avancés pour d’autres types de ressources, voir Configuration du traitement des ressources.

Voir À propos des profils d’image et vidéo Dynamic Media.

Consultez également la section Bonnes pratiques pour organiser vos ressources numériques en vue d’utiliser des profils de traitement.

Pour créer des profils d’image Dynamic Media

  1. Appuyez sur le logo AEM et accédez à Outils > Ressources > Profils d’image.

  2. Pour ajouter un Profil d’image, appuyez sur Créer.

  3. Saisissez un nom de profil et les valeurs pour un masquage flou, un recadrage et/ou un échantillon.

    Conseil : Utilisez un nom de profil spécifique à l’objectif visé. Supposons, par exemple, que vous souhaitiez créer un profil qui génère des échantillons uniquement. En d’autres termes, la recadrage intelligente est désactivée (désactivée) et la nuance de couleur et d’image est activée (activée). Dans ce cas, vous pouvez utiliser le nom de profil "Nuancier intelligent".

    Voir aussi Options de recadrage intelligent et d’échantillonnage intelligent et Accentuation.

    recadrer

  4. Appuyez sur Enregistrer. Le profil nouvellement créé apparaît dans la liste des profils disponibles.

Modification ou suppression de profils d’image Dynamic Media

  1. Appuyez sur le logo AEM et accédez à Outils > Ressources > Profils d’image.

  2. Sélectionnez le profil de l’image que vous souhaitez modifier ou supprimer. Pour le modifier, sélectionnez Modifier le profil de traitement des images. Pour le supprimer, sélectionnez Supprimer le ou les profils de traitement des images.

    chlimage_1-254

  3. En cas de modification, enregistrez les modifications ; en cas de suppression, confirmez la suppression du profil.

Application d’un profil d’image Dynamic Media aux dossiers

Lorsque vous affectez un Profil Image à un dossier, tous les sous-dossiers héritent automatiquement du profil de son dossier parent. Ainsi, vous ne pouvez affecter qu’un seul Profil d’image à un dossier. Ainsi, réfléchissez soigneusement à la structure de dossiers de l’emplacement où vous téléchargez, stockez, utilisez et archivez les ressources.

Si vous avez affecté un profil vidéo différent à un dossier, le nouveau profil remplace le précédent. Les ressources du dossier précédent restent inchangées. Le nouveau profil sera appliqué aux ressources ajoutées ultérieurement au dossier.

Les dossiers auxquels un profil est affecté sont indiqués dans l’interface utilisateur et le nom du profil apparaît dans la carte.

Vous pouvez appliquer des profils d’image à des dossiers spécifiques, ou de façon globale à toutes les ressources.

Vous pouvez traiter une nouvelle fois des ressources dans un dossier qui comporte déjà un profil d’image que vous avez modifié. Voir Retraitement des ressources dans un dossier après avoir modifié son profil de traitement.

Application de profils d’image Dynamic Media à des dossiers spécifiques

Vous pouvez appliquer un profil d’image à un dossier à partir du menu Outils, ou si vous êtes dans le dossier, via Propriétés.

Dans le cas des dossiers auxquels un profil est déjà affecté, le nom du profil est affiché directement sous celui du dossier.

Vous pouvez traiter une nouvelle fois des ressources dans un dossier qui comporte déjà un profil vidéo que vous avez modifié. Voir Retraitement des ressources dans un dossier après avoir modifié son profil de traitement.

Application de profils d’image Dynamic Media à des dossiers à partir de l’interface utilisateur Profils

  1. Appuyez sur le logo AEM et accédez à Outils > Ressources > Profils d’image.

  2. Sélectionnez le profil d’image à appliquer à un ou plusieurs dossiers.

    chlimage_1-255

  3. Appuyez sur Appliquer le Profil de traitement aux dossiers et sélectionnez le ou les dossiers que vous souhaitez utiliser pour recevoir les actifs nouvellement téléchargés et appuyez/cliquez sur Appliquer. Dans le cas des dossiers auxquels un profil est déjà affecté, le nom du profil est affiché directement sous celui du dossier.

Application de profils d’image Dynamic Media aux dossiers à partir des propriétés

  1. Appuyez sur le logo AEM et accédez à Ressources, puis au dossier auquel vous souhaitez appliquer un profil d’image.

  2. Dans le dossier, appuyez sur la coche pour la sélectionner, puis sur Propriétés.

  3. Appuyez sur l’onglet Profils d’image. Dans la liste déroulante Nom du profil, sélectionnez le profil, puis appuyez sur Enregistrer et fermer. Dans le cas des dossiers auxquels un profil est déjà affecté, le nom du profil est affiché directement sous celui du dossier.

    chlimage_1-256

Application d’un Profil d’images Dynamic Media globalement

Outre l’application d’un profil à un dossier, vous pouvez en appliquer un globalement. Le profil sélectionné est appliqué à tout contenu téléchargé dans les ressources du Experience Manager dans n’importe quel dossier.

Vous pouvez traiter une nouvelle fois des ressources dans un dossier qui comporte déjà un profil vidéo que vous avez modifié. Voir Retraitement des ressources dans un dossier après avoir modifié son profil de traitement.

Pour appliquer un Profil d’image Dynamic Media globalement :

  1. Utilisez l’une des méthodes suivantes :

    • Accédez à https://&lt;AEM server&gt;/mnt/overlay/dam/gui/content/assets/foldersharewizard.html/content/dam et appliquez le profil approprié, puis appuyez sur Enregistrer.

      chlimage_1-257

    • Accédez au nœud suivant de CRXDE Lite : /content/dam/jcr:content.

      Ajoutez la propriété imageProfile:/conf/global/settings/dam/adminui-extension/imageprofile/<name of image profile> et appuyez sur Enregistrer tout.

      configure_image_profiles

Modification du recadrage intelligent ou de l’échantillon intelligent d’une seule image

Vous pouvez réaligner ou redimensionner manuellement la fenêtre de recadrage intelligent d’une image pour affiner davantage son point focal.

Une fois que vous avez modifié et enregistré un recadrage intelligent, le changement est propagé partout où vous utilisez le recadrage des images spécifiques.

Vous pouvez réexécuter une culture intelligente pour générer à nouveau les cultures supplémentaires, si nécessaire.

Voir aussi Modification du recadrage intelligent ou de l’échantillon intelligent de plusieurs images.

Pour modifier le recadrage intelligent ou l’échantillon intelligent d’une seule image

  1. Appuyez sur le logo AEM et accédez à Ressources, puis au dossier auquel est appliqué un profil d’image de recadrage intelligent ou d’échantillon intelligent.

  2. Pour ouvrir son contenu, appuyez sur le dossier.

  3. Appuyez sur l’image dont vous voulez ajuster le recadrage intelligent ou l’échantillon intelligent.

  4. Dans la barre d’outils, appuyez sur Recadrage intelligent.

  5. Procédez de l’une des manières suivantes :

    • Près du coin supérieur droit de la page, faites glisser le curseur vers la gauche ou vers la droite pour augmenter ou réduire l’affichage de l’image, respectivement.
    • Dans l’image, faites glisser une poignée d’angle pour régler la taille de la zone visible du recadrage ou de l’échantillon.
    • Dans l’image, faites glisser la zone/l’échantillon vers un nouvel emplacement. Vous pouvez modifier uniquement les échantillons d’images ; les échantillons de couleurs sont statiques.
    • Au-dessus de l’image, appuyez sur Rétablir pour annuler toutes les modifications effectuées et restaurer le recadrage ou l’échantillon d’origine.
    • Utilisez les touches fléchées du clavier pour recadrer la taille du cadre ou repositionner l’image, ou les deux.
  6. Près du coin supérieur droit de la page, appuyez sur Enregistrer, puis appuyez sur Fermer pour revenir au dossier des ressources.

Modification du recadrage intelligent ou de l’échantillon intelligent de plusieurs images

Après l’application d’un profil d’image (contenant un recadrage intelligent) sur un dossier, un recadrage est appliqué à toutes les images de ce dossier. Si vous le souhaitez, vous pouvez réaligner ou redimensionner manuellement la fenêtre de recadrage intelligent dans plusieurs images pour affiner davantage leur point focal.

Une fois que vous avez modifié et enregistré un recadrage intelligent, le changement est propagé partout où vous utilisez le recadrage des images spécifiques.

Vous pouvez réexécuter une culture intelligente pour générer à nouveau les cultures supplémentaires, si nécessaire.

Pour modifier le recadrage intelligent ou l’échantillon intelligent de plusieurs images

  1. Appuyez sur le logo AEM et accédez à Ressources, puis à un dossier auquel est appliqué un profil d’image de recadrage intelligent ou d’échantillon intelligent.

  2. Sur le dossier, appuyez sur l’icône Autres actions (…), puis sur Recadrage intelligent.

  3. Sur la page Modifier les recadrages intelligents, utilisez l’une des méthodes suivantes :

    • Ajustez la taille d’affichage des images sur la page.

      À droite de la liste déroulante de noms de points d’arrêt, faites glisser le curseur vers la gauche ou la droite pour modifier la taille de l’affichage d’image visible.

      edit_smart_crops-sliderbar

    • Vous pouvez filtrer la liste des images visibles en fonction des noms de points d’arrêt. Dans l’exemple ci-dessous, les images sont filtrées en fonction du nom de point d’arrêt « Moyenne ».

      Près du coin supérieur droit de la page, dans la liste déroulante, sélectionnez un nom de point d’arrêt pour filtrer les images que vous souhaitez voir (voir l’image ci-dessus).

      edit_smart_crops-dropdownlist

    • Redimensionnez la zone de recadrage intelligent. Effectuez l’une des opérations suivantes :

      • Si l’image possède un recadrage intelligent ou une nuance intelligente uniquement, faites glisser la poignée d’angle de la zone de recadrage sur l’image. Ajustez la taille de la zone visible du recadrage.
      • Si l’image comporte à la fois un recadrage intelligent et un échantillon dynamique, faites glisser la poignée d’angle de la zone de recadrage sur l’image. Ajustez la taille de la zone visible du recadrage. Ou appuyez sur la nuance intelligente située sous l’image (les nuances de couleur sont statiques), puis faites glisser la poignée d’angle de la zone de recadrage. Ajustez la taille de la zone visible de la nuance.

      Redimensionnement du recadrage intelligent d’une image.

    • Déplacez la zone de recadrage intelligent. Effectuez l’une des opérations suivantes :

      • Si l’image comporte un recadrage intelligent ou un échantillon intelligent uniquement, faites glisser sur celle-ci la zone de recadrage vers un nouvel emplacement.
      • Si l’image comporte à la fois un recadrage intelligent et un échantillon intelligent, faites glisser sur celle-ci la zone de recadrage intelligent vers un nouvel emplacement. Vous pouvez également appuyer ou cliquer sur l’échantillon intelligent sous l’image (les échantillons de couleurs sont statiques), puis faire glisser la zone de recadrage intelligent de l’échantillon vers un nouvel emplacement.

      edit_smart_crops-move

    • Annulez toutes vos modifications et rétablissez le recadrage intelligent ou l’échantillon intelligent d’origine (s’applique à la session de modification active uniquement).

      Appuyez sur Rétablir au-dessus de l’image.

      edit_smart_crops-revert

  4. Près du coin supérieur droit de la page, appuyez sur Enregistrer, puis appuyez sur Fermer pour revenir au dossier des ressources.

Suppression d’un profil d’image dans des dossiers

Lorsque vous supprimez un profil d’image d’un dossier, tout sous-dossier hérite automatiquement de la suppression du profil de son dossier parent. Cependant, le traitement des fichiers qui s’est produit dans les dossiers reste intact.

Vous pouvez supprimer un profil d’image appliqué à un dossier dans le menu Outils, ou si vous êtes dans le dossier, via Propriétés.

Suppression d’un profil d’image Dynamic Media d’un dossier au moyen de l’interface utilisateur Profils

  1. Appuyez sur le logo AEM et accédez à Outils > Ressources > Profils d’image.

  2. Sélectionnez le profil d’image à supprimer d’un ou de plusieurs dossiers.

  3. Appuyez sur Supprimer le Profil de traitement des dossiers et sélectionnez le ou les dossiers à utiliser pour supprimer le profil et appuyez sur Supprimer.

    Le fait que le nom du profil n’apparaît plus sous celui du dossier indique que le profil d’image n’est plus appliqué à un dossier.

Suppression d’un profil d’image Dynamic Media d’un dossier au moyen des propriétés

  1. Appuyez sur le logo AEM et accédez à Ressources, puis au dossier duquel vous souhaitez supprimer un profil d’image.

  2. Dans le dossier, appuyez sur la coche pour le sélectionner, puis sur Propriétés.

  3. Sélectionnez l’onglet Profils d’image.

  4. Dans la liste déroulante Nom du profil, sélectionnez Aucun, puis appuyez sur Enregistrer et fermer.

    Dans le cas des dossiers auxquels un profil est déjà affecté, le nom du profil est affiché directement sous celui du dossier.

Sur cette page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now