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 rapport d’aspect est identique pour les dimensions ajoutées au profil d’image, ce même rapport d’aspect est envoyé à Dynamic Media. Adobe vous recommande d’utiliser la même zone de recadrage. Vous avez ainsi la garantie qu’il n’y a aucune incidence sur les différentes dimensions utilisées dans le profil d’image.

Chaque génération de recadrage intelligent créée nécessite un traitement supplémentaire. Par exemple, l’ajout de plus de cinq proportions de recadrage intelligent ralentit le taux d’ingestion des ressources. Cet ajout peut également augmenter la charge des 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’échantillonnage 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 recadrage des pixels est calculé à partir de cet endroit.
  • Point de départ du recadrage : la gauche est X et le haut est Y
  • Calcul horizontal : taille 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.

À partir du coin supérieur gauche (300,250), recadrez l’image en utilisant l’espace de remplissage de (4000-300-700, 3000-250-500 ou 3000,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 de points d’arrêt par défaut (Grand, Moyen et Petit) couvrent l’ensemble des tailles utilisées par la plupart des images sur les appareils mobiles, les 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, sélectionnez Ajouter un recadrage; pour supprimer un recadrage, sélectionnez l’icône poubelle .

Échantillon de couleurs et d’images Générez en masse un échantillon 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 l’échantillon de couleurs et d’images, sélectionnez Recadrage intelligent dans la liste déroulante Options de recadrage, puis à droite d’Échantillon de couleurs et d’images, 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. Les bannières de carrousel constituent une exception à cette règle. 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 correspondant à la ressource d’échantillon :

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 plus grandes tailles dans le ptiff ne sont pas affectés par l’accentuation. En revanche, les rendus de plus petites tailles, tels que les miniatures, sont modifiés (et affichent l’accentuation).

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. Sélectionnez le logo Adobe Experience Manager et accédez à Outils > Ressources > Profils d’image.

  2. Pour ajouter un profil d’image, sélectionnez Créer.

  3. Saisissez un nom de profil et les valeurs pour une accentuation, un recadrage et 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, le recadrage intelligent est désactivé (éteint) et l’échantillonnage de couleur et d’image est activé (allumé). Dans ces cas, vous pouvez utiliser le nom de profil « Échantillons intelligents ».

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

    recadrer

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

Modification ou suppression de profils d’image Dynamic Media

  1. Sélectionnez le logo du Experience Manager 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 à des 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 d’image 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 attribué sont indiqués dans l’interface utilisateur avec le nom du profil qui apparaît sur 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 Retraiter les 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 Retraiter les 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. Sélectionnez le logo du Experience Manager et accédez à Outils > Ressources > Profils d’image.

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

    chlimage_1-255

  3. Sélectionnez Appliquer le profil de traitement aux dossiers et sélectionnez le ou les dossiers que vous souhaitez utiliser pour recevoir les ressources nouvellement chargées, puis sélectionnez 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 à des dossiers à partir des propriétés

  1. Appuyez sur le logo du Experience Manager et accédez à Ressources.

  2. Accédez à un dossier ** (et non à une ressource) auquel vous souhaitez appliquer un profil d’image.

  3. Selon la vue dans laquelle vous vous trouvez, effectuez l’une des opérations suivantes :

    • En mode Carte, placez le pointeur sur le dossier, puis cochez la case pour le sélectionner.
    • En mode Colonnes ou Liste, cochez la case située à gauche du nom du dossier.
  4. Dans la barre d’outils, sélectionnez Propriétés.

  5. Sélectionnez l’onglet Traitement Dynamic Media .

  6. Sous Profil d’image, dans la liste déroulante Nom du profil, sélectionnez le profil à appliquer.

  7. Près du coin supérieur droit de la page, sélectionnez 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 globale d’un profil d’image Dynamic Media

Outre l’application d’un profil à un dossier, vous pouvez appliquer ce profil globalement. Le profil sélectionné est appliqué à tout contenu téléchargé dans Experience Manager Assets 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 Retraiter les ressources dans un dossier après avoir modifié son profil de traitement.

Pour appliquer globalement un profil d’image Dynamic Media :

  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 sélectionnez 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 sélectionnez 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 exécuter à nouveau le recadrage intelligent pour générer des recadrages 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. Sélectionnez le logo du Experience Manager 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, sélectionnez le dossier.

  3. Sélectionnez l’image dont vous souhaitez ajuster le recadrage intelligent ou l’échantillon intelligent.

  4. Dans la barre d’outils, sélectionnez 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, sélectionnez Rétablir pour annuler toutes vos modifications et restaurer le recadrage ou l’échantillon d’origine.
    • Utilisez les touches fléchées du clavier pour recadrer ou repositionner l’image, ou les deux.
  6. Près du coin supérieur droit de la page, sélectionnez Enregistrer, puis sélectionnez 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 exécuter à nouveau le recadrage intelligent pour générer des recadrages supplémentaires, si nécessaire.

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

  1. Sélectionnez le logo du Experience Manager et accédez à Ressources, puis à un dossier auquel est appliqué un profil d’image de recadrage intelligent ou d’échantillon intelligent.

  2. Dans le dossier, sélectionnez l’icône Autres actions (…), puis sélectionnez 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 comporte un recadrage intelligent ou un échantillon intelligent uniquement, faites glisser sur celle-ci la poignée de l’angle de la zone de recadrage pour ajuster la taille de la zone visible du recadrage.
      • Si l’image comporte à la fois un recadrage intelligent et un échantillon intelligent, faites glisser sur celle-ci la poignée de l’angle de la zone de recadrage pour ajuster la taille de la zone visible du recadrage. Vous pouvez également sélectionner l’échantillon intelligent sous l’image (les échantillons de couleurs sont statiques), puis faire glisser la poignée de l’angle de la zone de recadrage. Ajustez la taille de la zone visible de l’échantillon.

      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 sélectionner l’échantillon intelligent sous l’image (les échantillons de couleurs sont statiques), puis faire glisser la zone de recadrage d’échantillon intelligent 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).

      Sélectionnez Rétablir au-dessus de l’image.

      edit_smart_crops-revert

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

Suppression d’un profil d’image d’un dossier

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 de profils d’image Dynamic Media des dossiers à l’aide de l’interface utilisateur Profils

  1. Sélectionnez le logo du Experience Manager et accédez à Outils > Ressources > Profils d’image.

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

  3. Sélectionnez Supprimer le profil de traitement des dossiers , sélectionnez le ou les dossiers desquels vous souhaitez supprimer le profil, puis sélectionnez 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 des profils d’image Dynamic Media des dossiers au moyen des propriétés

  1. Sélectionnez le logo du Experience Manager et accédez à Ressources , puis au dossier duquel vous souhaitez supprimer un profil d’image.

  2. Dans le dossier, cochez la case pour la sélectionner, puis sélectionnez Propriétés.

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

  4. Dans la liste déroulante Nom du profil, sélectionnez Aucun, puis sélectionnez 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