Gestion des paramètres d’image prédéfinis managing-image-presets

Les paramètres d’image prédéfinis permettent à Adobe Experience Manager Assets de diffuser des images de manière dynamique à différentes tailles, dans différents formats ou avec d’autres propriétés d’image générées dynamiquement. Chaque paramètre d’image prédéfini représente un ensemble prédéfini de commandes de dimensionnement et de mise en forme pour l’affichage des images. Lorsque vous créez un paramètre d’image prédéfini, vous choisissez une taille pour la diffusion de l’image. Vous pouvez également choisir des commandes de mise en forme afin d’optimiser l’apparence de l’image lors de sa diffusion.

Les administrateurs peuvent créer des paramètres prédéfinis pour l’exportation de fichiers. Les utilisateurs peuvent choisir un paramètre prédéfini lors de l’exportation d’images, qui reformate également les images selon les spécifications définies par l’administrateur.

Vous pouvez également créer des paramètres d’image prédéfinis réactifs. Si vous appliquez un paramètre prédéfini réactif d’image à vos ressources, il varie en fonction de l’appareil ou de la taille d’écran sur lequel elles sont affichées. Vous pouvez configurer les paramètres d’image prédéfinis de manière à utiliser CMJN dans l’espace colorimétrique, en plus de RGB ou de Gris.

Cette section décrit comment créer, modifier et généralement gérer les paramètres d’image prédéfinis. Vous pouvez appliquer un paramètre d’image prédéfini à une image à chaque fois que vous la prévisualisez. Voir Application de paramètres d’image prédéfinis.

NOTE
L’imagerie dynamique fonctionne avec vos paramètres d’image prédéfinis existants et utilise les informations disponibles à la dernière milliseconde de diffusion pour réduire davantage la taille du fichier image en fonction de la vitesse de connexion du navigateur ou du réseau. Voir Imagerie numérique pour plus d’informations.

En savoir plus sur les paramètres d’image prédéfinis understanding-image-presets

Tout comme une macro, un paramètre d’image prédéfini est un ensemble prédéfini de commandes de dimensionnement et de formatage enregistrées sous un nom. Pour comprendre le fonctionnement des paramètres d’image prédéfinis, supposons que votre site web exige que chaque image du produit s’affiche dans des tailles, des formats et des taux de compression différents pour une diffusion sur les ordinateurs de bureau et les appareils mobiles.

Vous pouvez créer deux paramètres d’image prédéfinis : 500 x 500 pixels pour le bureau et 150 x 150 pixels pour le mobile. Vous créez deux paramètres d’image prédéfinis, l’un appelé Enlarge pour afficher des images à 500 x 500 pixels et l’autre appelé Thumbnail pour afficher des images à 150 x 150 pixels. Pour diffuser des images au format Enlarge et Thumbnail, Experience Manager trouve la définition des Enlarge Image Preset et des Thumbnail Image Preset. Ensuite, Experience Manager génère de manière dynamique une image dont la taille et le format correspondent à chaque paramètre d’image prédéfini.

Les images dont la taille est réduite lorsqu’elles sont diffusées dynamiquement peuvent perdre en netteté et en détail. C’est pourquoi chaque paramètre d’image prédéfini contient des commandes de mise en forme pour optimiser une image lorsqu’elle est diffusée à une taille spécifique. Ces commandes garantissent que vos images sont nettes et claires lorsqu’elles sont diffusées sur votre site web ou dans votre application.

Les administrateurs et administratrices peuvent créer des paramètres d’image prédéfinis. Pour créer un paramètre d’image prédéfini, vous pouvez commencer à partir de zéro ou à partir d’un paramètre existant et l’enregistrer sous un nouveau nom.

Gestion des paramètres d’image prédéfinis managing-image-presets-1

La gestion des paramètres d’image prédéfinis dans Experience Manager s’effectue en sélectionnant le logo Experience Manager pour accéder à la console de navigation globale, puis en sélectionnant l’icône Outils et en accédant à Assets > Paramètres d’image prédéfinis.

6_5_tools-assets-imagepresets

NOTE
Tous les paramètres d’image prédéfinis que vous créez sont également disponibles en tant que rendus dynamiques lorsque vous prévisualisez ou diffusez des ressources.
Vous n’avez besoin publier les paramètres d’image prédéfinis, car ils sont automatiquement publiés.
Voir Publication de paramètres d’image prédéfinis.
NOTE
Le système affiche différents rendus lorsque vous sélectionnez Rendus dans l’affichage des détails d’une ressource. Vous pouvez augmenter ou réduire le nombre de paramètres d’image prédéfinis affichés. Voir Augmentation du nombre de paramètres d’image prédéfinis affichés.

Association des paramètres d’image prédéfinis aux rendus how-image-presets-relate-to-renditions

Les paramètres d’image prédéfinis définissent la manière dont Dynamic Media diffuse les images, notamment le dimensionnement, la mise en forme, la compression et d’autres paramètres d’affichage. Les paramètres prédéfinis ne génèrent pas de rendus eux-mêmes. Au lieu de cela, ils s’appuient sur des rendus créés lors du traitement des ressources.

Génération de rendu dans AEM as a Cloud Service rendition-generation-in-aemaacs

Dans AEM as a Cloud Service, les rendus sont générés à l’aide des microservices de ressources. Le workflow Ressource de mise à jour de la gestion des ressources numériques ne peut pas être personnalisé dans Cloud Service.

Les points importants à prendre en compte sont les suivants :

  • Les rendus sont générés au moment du chargement.
  • Les modifications apportées à un profil de traitement affectent les ressources nouvellement chargées. Les ressources existantes doivent être retraitées si de nouveaux rendus sont requis.
  • La personnalisation du modèle de workflow n’est pas prise en charge dans AEM as a Cloud Service pour la génération du rendu.

Les paramètres d’image prédéfinis font référence aux rendus disponibles au moment de la diffusion. Assurez-vous que les rendus requis existent avant de configurer ou d’utiliser les paramètres d’image prédéfinis.

Pour contrôler les rendus générés, procédez comme suit

  1. Créer ou modifier un profil de traitement.
  2. Configurez les définitions de rendu requises.
  3. Appliquez le profil de traitement au dossier approprié.

Lorsque des ressources sont chargées dans un dossier auquel un profil de traitement est appliqué, les microservices de ressources génèrent automatiquement les rendus définis.

Augmentation du nombre de paramètres d’image prédéfinis affichés increasing-or-decreasing-the-number-of-image-presets-that-display

Les paramètres d’image prédéfinis que vous créez sont disponibles sous la forme de rendus dynamiques lorsque vous prévisualisez des ressources. Experience Manager affiche différents rendus dynamiques lors de l’affichage d’un fichier à partir de Affichage des détails > Rendus. Vous pouvez augmenter ou diminuer la limite des rendus affichés.

Pour augmenter ou diminuer le nombre de paramètres d’image prédéfinis affichés :

  1. Accédez à CRXDE Lite (https://localhost:4502/crx/de).

  2. Accédez au nœud de liste des paramètres d’image prédéfinis à l’adresse /libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist

    increase_decreasethenumberofimagepresetsthatdisplay

  3. Dans la propriété limit, définissez la valeur de votre choix dans la colonne Valeur ; par défaut, elle est définie sur 15.

  4. Accédez à la source de données des paramètres d’image prédéfinis à l’adresse /libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist/datasource

    chlimage_1-495

  5. Dans la propriété de limite, remplacez le nombre par le nombre souhaité, par exemple, {empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}.

  6. Sélectionnez Enregistrer tout.

Création de paramètres d’image prédéfinis creating-image-presets

Créez des paramètres d’image prédéfinis afin de pouvoir appliquer les paramètres de manière cohérente sur les images lorsque vous prévisualisez ou publiez.

NOTE
Si vous utilisez Internet Explorer 9, un paramètre prédéfini nouvellement créé n’apparaît pas immédiatement dans la liste après l’enregistrement. Pour contourner ce problème, désactivez le cache d’Internet Explorer 9.

Si vous avez l’intention de prendre en charge l’assimilation de fichiers AI, PDF et EPS afin de pouvoir générer des rendus dynamiques de ces formats de fichiers, consultez les informations suivantes avant de créer des paramètres d’image prédéfinis.

Voir Formats de fichiers Adobe Illustrator (AI), PostScript® (EPS) et PDF.

Si vous envisagez de prendre en charge l’assimilation de fichiers INDD de manière à pouvoir générer un rendu dynamique de ce format de fichier, consultez les informations suivantes avant de créer des paramètres d’image prédéfinis.

Voir Format de fichier InDesign (INDD).

Pour créer des paramètres d’image prédéfinis :

  1. Dans Experience Manager, sélectionnez le logo Experience Manager pour accéder à la console de navigation globale, puis accédez à Outils >  Ressources  > Paramètres d’image prédéfinis.

  2. Sélectionnez Créer.

    chlimage_1-496

    note note
    NOTE
    Pour rendre ce paramètre prédéfini d’image réactif, effacez les valeurs des champs largeur et hauteur et laissez-les vides.
  3. Dans la fenêtre Modifier le paramètre d’image prédéfini, saisissez les valeurs adéquates dans les onglets De base et Avancé, notamment un nom. Les options sont décrites dans Options d’image prédéfinies. Les paramètres prédéfinis s’affichent dans le volet de gauche et peuvent être utilisés à la volée avec d’autres ressources.

    6_5_imagepreset-edit

  4. Sélectionnez Enregistrer.

Création d’un paramètre d’image prédéfini réactif creating-a-responsive-image-preset

Pour créer un paramètre prédéfini réactif d’image, suivez la procédure décrite dans la section Création de paramètres prédéfinis d’image. Lorsque vous saisissez la hauteur et la largeur dans la fenêtre Modifier le paramètre d’image prédéfini, effacez les valeurs et laissez-les vides.

Si vous ne les renseignez pas, Experience Manager reçoit un message indiquant que ce paramètre d’image prédéfini est réactif. Vous pouvez, le cas échéant, ajuster les autres valeurs.

NOTE
Pour que les boutons URL et RESS s’affichent lors de l’application d’un paramètre prédéfini d’image à une ressource, celle-ci doit être publiée.
chlimage_1-79
Les paramètres d’image prédéfinis et les ressources d’images sont automatiquement publiés.

Options des paramètres d’image prédéfinis image-preset-options

Lorsque vous créez ou modifiez des paramètres d’image prédéfinis, vous disposez des options décrites dans cette section. En outre, Adobe recommande les options suivantes (correspondant aux « bonnes pratiques ») pour commencer :

  • Format (onglet De base) : sélectionnez JPEG ou un autre format adapté à vos exigences. Tous les navigateurs web prennent en charge le format d’image JPEG ; il offre un bon compromis entre les petites tailles de fichiers et la qualité de l’image. Cependant, les images au format JPEG utilisent un schéma de compression avec perte qui peut introduire des artefacts d’image indésirables si le paramètre de compression est trop bas. C’est pourquoi Adobe recommande de définir la qualité de compression sur 75. Ce paramètre offre un bon équilibre entre la qualité d’image et la taille de fichier réduite.

  • Activer l’accentuation simple : ne sélectionnez pas l’option Activer l’accentuation simple (ce filtre d’accentuation est moins précis que les paramètres Accentuation).

  • Accentuation : Mode Rééchantillonnage : sélectionnez l’option Sharp2.

Options de l’onglet De base basic-tab-options

Champ
Description
Nom
Entrez un nom descriptif sans espaces. Pour aider les utilisateurs à identifier ce paramètre d’image prédéfini, incluez la spécification de taille d’image dans le nom.
Largeur et hauteur
Saisissez la taille (en pixels) à laquelle l’image est diffusée. La largeur et la hauteur doivent être supérieures à 0 pixel. Si l’une des valeurs est 0, aucun préréglage n’est créé. Si les deux valeurs sont vides, un paramètre d’image prédéfini réactif est créé.
Format
Sélectionnez un format dans le menu.
Choisir JPEG offre les autres options suivantes :
Qualité - L’échelle de qualité JPEG s’étend de 1 à 100. L’échelle est visible lorsque vous faites glisser le curseur.
· Activer le sous-échantillonnage de la chrominance JPG - L’œil étant moins sensible aux informations de couleur haute fréquence que la luminance haute fréquence, les images JPEG divisent les informations d’image en luminance et en composants de couleur. Lorsqu’une image JPEG est compressée, la composante de luminance est laissée à la résolution maximale, tandis que les composantes de couleur sont sous-échantillonnées en calculant la moyenne de groupes de pixels. Le sous-échantillonnage réduit le volume de données à la moitié ou au tiers, avec un impact minimal sur la qualité perçue. Le sous-échantillonnage ne s’applique pas aux images en niveaux de gris. Cette technique réduit le taux de compression utile pour les images à fort contraste (par exemple, les images avec texte superposé).

Choisir GIF ou GIF avec couche alpha offre les options supplémentaires de Quantification de couleurs GIF suivantes :
Type : Sélectionnez Adaptatif (par défaut), Web ou Macintosh. Si vous sélectionnez GIF avec couche alpha, l’option Macintosh n’est pas disponible.
Juxtaposition : sélectionnez Diffus ou Désactivé.
Nombre de couleurs : saisissez un nombre compris entre 2 et 256.
· Liste de couleurs - Saisissez une liste séparée par des virgules. Par exemple, pour blanc, gris et noir, saisissez 000000,888888,ffffff.

Si vous sélectionnez PDF, TIFF ou TIFF avec couche alpha, cette option supplémentaire est proposée :
Compression : Sélectionnez un algorithme de compression. Les options d’algorithme pour le format PDF sont Aucun, Zip et Jpeg. Les options pour le format TIFF sont Aucun, LZW, Jpeg et Zip. Les options pour le format TIFF avec couche alpha sont Aucun, LZW et Zip.

Aucune option supplémentaire n’est fournie si vous sélectionnez PNG, PNG avec couche alpha ou EPS.
Accentuation
Sélectionnez l’option Activer l’accentuation simple pour appliquer un filtre d’accentuation de base à l’image à l’issue des opérations de mise à l’échelle. L’accentuation peut compenser le flou produit lors de l’affichage d’une image à une taille différente.

Options de l’onglet Avancé advanced-tab-options

Champ
Description
Espace colorimétrique
Sélectionnez l’espace colorimétrique RVB, CMJN ou Niveaux de gris.
Profil colorimétrique
Sélectionnez le profil de l’espace colorimétrique de sortie dans lequel vous souhaitez que la ressource soit convertie s’il diffère du profil en cours d’utilisation.
Intention de rendu

Vous pouvez remplacer l’intention de rendu par défaut. Les intentions de rendu déterminent ce qui arrive aux couleurs qui ne peuvent pas être reproduites dans le profil colorimétrique cible (hors gamme). L’intention de rendu est ignorée si elle n’est pas compatible avec le profil ICC.

  • Sélectionnez Perception pour compresser la gamme totale d’un espace colorimétrique dans un autre lorsqu’une ou plusieurs couleurs de l’image d’origine se situent en dehors de la gamme de l’espace colorimétrique de destination.
  • Sélectionnez Colorimétrie relative lorsqu’une couleur de l’espace colorimétrique actuel se situe hors de la gamme des couleurs dans l’espace cible. Vous pouvez également la mapper à la gamme de couleurs cible la plus proche sans modifier les autres couleurs.
  • Sélectionnez Saturation si vous voulez reproduire la saturation des couleurs de l’image d’origine lors de sa conversion dans l’espace colorimétrique cible.
  • Sélectionnez Colorimétrie absolue pour faire correspondre exactement les couleurs sans aucun ajustement pour le point blanc ou noir qui altérerait la luminosité de l’image.
Compensation du point noir
Sélectionnez cette option si le profil de sortie prend en charge cette fonctionnalité. La compensation du point noir est ignorée si elle n’est pas compatible avec le profil ICC spécifié.
Tramage
Sélectionnez cette option pour éviter ou réduire les éventuels artefacts de bandes de couleurs.
Type d’accentuation

Sélectionnez Aucun, Accentuer ou Accentuation.

  • Sélectionnez Aucun si vous souhaitez désactiver l’accentuation.
  • Sélectionnez l’option Accentuer pour appliquer un filtre d’accentuation de base à l’image à l’issue des opérations de mise à l’échelle. L’accentuation peut compenser le flou produit lors de l’affichage d’une image à une taille différente.
  • Sélectionnez Accentuation si vous souhaitez affiner l’effet d’un filtre d’accentuation sur l’image finale à résolution réduite. 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 Photoshop « Accentuation ».

L’option Accentuation propose les options suivantes :

  • Quantité : contrôle le degré de contraste appliqué aux pixels de contour. La valeur réelle par défaut est de 1,0. Pour les images à haute résolution, vous pouvez l’augmenter jusqu’à 5,0. Envisagez la quantité comme une mesure de l’intensité du filtre.
  • Rayon : détermine le nombre de pixels entourant les pixels de contour qui affectent l’accentuation. Pour les images haute résolution, entrez un nombre réel compris 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 correcte dépend de la taille de l’image.
  • Seuil - Détermine la plage de contraste à ignorer lorsque le filtre d’accentuation est appliqué. En d’autres termes, cette option définit le degré d’accentuation des pixels qui doit différer de la zone environnante pour être considérés comme des pixels de contour et accentués. Pour éviter d’introduire du bruit, essayez des valeurs comprises entre 2 et 20.
  • Appliquer à : détermine si l’accentuation s’applique à chaque couleur ou à la luminosité.

L’accentuation est décrite dans la vidéo Utilisation de l’accentuation des images avec Experience Manager Dynamic Media, dans la rubrique d’aide en ligne Accentuation d’une image et dans le fichier téléchargeable au format PDF Bonnes pratiques pour l’accentuation des images dans Dynamic Media Classic.

Mode Rééchantillonnage

Sélectionnez une option Mode Rééchantillonnage. Ces options accentuent l’image lorsque sa résolution est réduite :

  • Bilinéaire : il s’agit de la méthode de rééchantillonnage la plus rapide. Certains artefacts de crénelage sont visibles.
  • Bicubique : accroît l’utilisation du processeur, mais produit des images plus nettes avec des artefacts de crénelage plus discrets.
  • Sharp2 : cette méthode peut produire des images légèrement plus nettes que celles obtenues avec l’option Bicubique, en sollicitant toutefois davantage le processeur.
  • Bi-Sharp : permet de sélectionner le rééchantillonneur Photoshop par défaut utilisé pour réduire la taille de l’image ; cette option se nomme Bicubique plus net dans Adobe Photoshop.
  • Chaque couleur et Luminosité – Chaque méthode peut être basée sur la couleur ou la luminosité. Par défaut, l’option Chaque couleur est sélectionnée.
Résolution d’impression
Choisissez une résolution d’impression pour cette image ; 72 pixels est la valeur par défaut.
Modificateur d’image

Au-delà des paramètres d’image courants disponibles dans l’UI, Dynamic Media prend en charge de nombreuses modifications d’image avancées que vous pouvez spécifier dans le champ Modificateurs d’images. Ces paramètres sont définis dans la référence des commandes du protocole de serveur d’images.

Important : La fonctionnalité suivante répertoriée dans l’API n’est pas prise en charge :

  • Commandes de base de création de modèles et de rendu de texte : text= textAngle= textAttr= textFlowPath= textFlowXPath= textPath= et textPs=
  • Commandes de localisation : locale= et req=xlate
  • req=set n’est pas disponible pour l’utilisation générale.
  • req=mbrset
  • req=saveToFile
  • req=targets
  • template=
  • Services Dynamic Media non essentiels : SVG, rendu d’image et impression en ligne

Définir des options de paramètre prédéfini d’image à l’aide de modificateurs d’image defining-image-preset-options-with-image-modifiers

Outre les options disponibles dans les onglets Simple et Avancé, vous pouvez définir des modificateurs d’image afin de disposer d’un plus grand nombre d’options lors de la définition de paramètres d’image prédéfinis. Le rendu des images repose sur l’API de rendu d’images de Dynamic Media et est défini en détail dans la Référence du protocole HTTP.

Vous trouverez ci-dessous des exemples de tâches que vous pouvez exécuter à l’aide des modificateurs d’image.

NOTE
Certains modificateurs d’image ne peuvent pas être utilisés dans Experience Manager.
  • op_invert : inverse chaque composant de couleur pour générer un effet d’image négative.

    code language-xml
    &op_invert=1
    

    6_5_imagepreset-edit-invert

  • op_blur : applique un effet de flou à l’image.

    code language-xml
    &op_blur=7
    

    6_5_imagepreset-edit-blur

  • Commandes combinées : op_blur et op-invert

    code language-xml
    &op_invert=1&op_blur=7
    

    chlimage_1-80

  • op_brightness : augmente ou diminue la luminosité.

    code language-xml
    &op_brightness=58
    

    6_5_imagepreset-edit-brightness

  • opac : permet de régler l’opacité de l’image. Cet attribut vous permet de diminuer l’opacité du premier plan.

    code language-xml
    opac=29
    

    6_5_imagepreset-edit-opacity

Modification des paramètres d’image prédéfinis modifying-image-presets

  1. Dans Experience Manager, sélectionnez le logo Experience Manager pour accéder à la console de navigation globale, puis accédez à Outils >  Ressources  > Paramètres d’image prédéfinis.

    6_5_imagepreset-editpreset

  2. Sélectionnez un paramètre prédéfini, puis Modifier. La fenêtre Modifier le paramètre d’image prédéfini s’ouvre.

  3. Apportez des modifications, puis sélectionnez Enregistrer pour les enregistrer ou sur Annuler pour les annuler.

Publication de paramètres d’image prédéfinis publishing-image-presets

Les paramètres d’image prédéfinis sont automatiquement publiés.

Suppression de paramètres d’image prédéfinis deleting-image-presets

  1. Dans Experience Manager, sélectionnez le logo Experience Manager pour accéder à la console de navigation globale, puis sélectionnez l’icône Outils.
  2. Accédez à Ressources > Paramètres d’image prédéfinis.
  3. Sélectionnez un paramètre prédéfini, puis sélectionnez Supprimer. Dynamic Media vous invite à confirmer la suppression. Sélectionnez Supprimer pour supprimer ou sélectionnez Annuler pour revenir aux paramètres d’image prédéfinis.
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab