Imagerie dynamique

Qu’est-ce que l’imagerie dynamique ?

La technologie d’imagerie dynamique applique les fonctionnalités d’Adobe Sensei AI et fonctionne avec les "paramètres d’image prédéfinis" existants pour améliorer les performances de diffusion d’images en optimisant automatiquement le format, la taille et la qualité de l’image en fonction des fonctionnalités du navigateur client.

REMARQUE

Cette fonctionnalité nécessite l’utilisation du réseau CDN (Content Delivery Network – réseau de diffusion de contenu) prêt à l’emploi fourni avec Adobe Experience Manager Dynamic Media. Aucun autre réseau CDN personnalisé n’est pris en charge avec cette fonctionnalité.

L’imagerie dynamique tire également parti de sa parfaite intégration dans un service de réseau de diffusion de contenu haut de gamme proposé par Adobe afin d’offrir un gain de performance accru. Ce service recherche la route Internet optimale entre les serveurs, les réseaux et les points d’appairage. Au lieu d’utiliser l’itinéraire par défaut sur Internet, le service établit celui possédant la latence et le taux de perte de paquets les plus faibles.

Les exemples de ressources d’image suivants illustrent l’optimisation supplémentaire qu’apporte l’imagerie dynamique :

Image
(URL)
Miniature Taille
(JPEG)
Taille (WebP)
(avec imagerie dynamique)
% de réduction
Image 1 picture1 73,75 Ko 45,92 Ko 38 %
Image 2 picture2 191 Ko 70,66 Ko 63 %
Image 3 picture3 96,64 Ko 39,44 Ko 59 %
Image 4 picture4 315,80 Ko 178,19 Ko 44 %
Moyenne = 51 %

De la même manière que ci-dessus, Adobe a également exécuté un test avec 7 009 URL provenant de sites clients actifs. Ils ont pu optimiser de 38 % en moyenne leur taille de fichier au format JPEG. Pour les fichiers PNG au format WebP, cette taille de fichier au pu être optimisée de 31 % en moyenne. Ce type d’optimisation est possible grâce à la fonctionnalité d’imagerie dynamique.

Sur le web mobile, les défis sont aggravés par deux facteurs :

  • Large éventail d’appareils avec différents facteurs de formulaire et affichages haute résolution.
  • Bande passante réseau limitée.

En termes d’images, l’objectif est d’offrir des images de la meilleure qualité possible.

A propos de l’optimisation du rapport pixels d’appareil

Le rapport pixel d’appareil (DPR), également appelé rapport pixel CSS, est la relation entre les pixels physiques et les pixels logiques d’un appareil. Surtout avec l’avènement des écrans rétine, la résolution en pixels des appareils mobiles modernes augmente à un rythme rapide.

L’activation de l’optimisation du rapport de pixels du périphérique effectue le rendu de l’image à la résolution native de l’écran, ce qui la rend crise.

L’activation de l’imagerie dynamique La configuration du RGPD ajuste automatiquement l’image demandée en fonction de la densité en pixels de l’affichage à partir duquel la demande est diffusée. Actuellement, la densité en pixels de l’affichage provient des valeurs d’en-tête Akamai CDN.

Valeurs autorisées dans l’URL d’une image Description
dpr=off Désactivez l’optimisation du RGPD au niveau de l’URL d’une image individuelle.
dpr=on,dprValue Remplacez la valeur RPD détectée par l’imagerie dynamique par une valeur personnalisée (comme détectée par une logique côté client ou par d’autres moyens). La valeur autorisée pour dprValue est n’importe quel nombre supérieur à 0. Les valeurs spécifiées de 1.5, 2 ou 3 sont typiques.
REMARQUE
  • Vous pouvez utiliser dpr=on,dprValue même si le paramètre RGPD au niveau de la société est désactivé.
  • En raison de l’optimisation du RPD, lorsque l’image créée est supérieure au paramètre MaxPix Dynamic Media , la largeur MaxPix est toujours reconnue en conservant les proportions de l’image.
Taille de l’image demandée Valeur DPR Taille de l’image diffusée
816x500 1 816x500
816x500 2 1 632 x 1 000

Voir aussi Lorsque vous utilisez des images et Lorsque vous utilisez le recadrage intelligent.

A propos de l'optimisation de la bande passante du réseau

L’activation de la bande passante réseau ajuste automatiquement la qualité de l’image diffusée en fonction de la bande passante réseau réelle. Pour une bande passante réseau insuffisante, l’optimisation du RPD est automatiquement désactivée, même si elle est déjà activée.

Si vous le souhaitez, votre entreprise peut se désabonner de l’optimisation de la bande passante du réseau au niveau de l’image individuelle en ajoutant network=off à l’URL de l’image.

Valeur autorisée dans l’URL d’une image Description
network=off Désactive l’optimisation du réseau au niveau de l’URL d’une image individuelle.
REMARQUE

Les valeurs RPD et bande passante réseau sont basées sur les valeurs côté client détectées du réseau de diffusion de contenu groupé. Ces valeurs sont parfois inexactes. Par exemple, l’iPhone5 avec DPR=2 et l’iPhone12 avec DPR=3 affichent toutes deux DPR=2. Néanmoins, pour les appareils à haute résolution, envoyer DPR=2 est préférable à envoyer DPR=1. Bientôt : Adobe travaille sur le code côté client pour déterminer précisément le RGPD d’un utilisateur final.

Quels sont les principaux avantages de la plus récente technologie d’imagerie dynamique ?

Comme les images constituent la majeure partie du temps de chargement d’une page, l’amélioration des performances peut avoir un impact profond sur une entreprise, tel qu’une conversion plus élevée, un temps passé sur le site et un taux de rebond plus faible.

Améliorations apportées par la version la plus récente de l’imagerie dynamique :

  • Amélioration du classement d’optimisation du référencement Google pour les pages web qui utilisent la dernière technologie d’imagerie dynamique.
  • Diffusion immédiate de contenus optimisés (au moment de l’exécution).
  • Mise en œuvre de la technologie Adobe Sensei pour effectuer la conversion en fonction de la qualité (qlt) spécifiée dans la demande d’image.
  • Possibilité de désactiver l’imagerie dynamique à l’aide du paramètre d’URL « bfc ».
  • Indépendance vis-à-vis du temps de vie (TTL). Auparavant, un TTL minimal de 12 heures était obligatoire pour le fonctionnement de l’imagerie dynamique.
  • Auparavant également, les images d’origine et dérivées étaient mises en cache et un processus en deux étapes était nécessaire pour invalider le cache. Avec la technologie d’imagerie dynamique la plus récente, seules les images dérivées sont mises en cache, ce qui rend possible un processus d’invalidation du cache en une seule étape.
  • Les clients qui utilisent des en-têtes personnalisés dans leur jeu de règles bénéficient de la version de l’imagerie dynamique la plus récente, car ces en-têtes ne sont pas bloqués, contrairement à la version précédente. Par exemple, "Timing Allow Origin", "X-Robot" comme suggéré dans Ajoutez une valeur d’en-tête personnalisée aux réponses d’image|Dynamic Media Classic.

L’imagerie dynamique entraîne-t-elle des frais de licence ?

Non. L’imagerie dynamique est incluse dans votre licence existante de Dynamic Media Classic ou Adobe Experience Manager - Dynamic Media (On-prem, AMS et Adobe Experience Manager en tant que Cloud Service).

REMARQUE

L’imagerie dynamique n’est pas disponible pour les utilisateurs Dynamic Media – Hybrid.

Comment fonctionne l’imagerie dynamique ?

Lorsqu’un client demande une image, l’imagerie dynamique vérifie les caractéristiques utilisateur et les convertit au format approprié en fonction du navigateur utilisé. Ces conversions de format s’effectuent de manière à garantir une représentation fidèle. L’imagerie dynamique convertit automatiquement les images dans différents formats en fonction des capacités du navigateur de la manière suivante.

  • Convertir automatiquement vers WebP pour les navigateurs suivants :

    • Chrome
    • Firefox
    • Microsoft® Edge
    • Safari (sur iOS, macOS, iPadOS), navigateur fourni, version du système d’exploitation compatible avec WebP.
    • Android™
    • Opera
  • Prise en charge des navigateurs existants pour les éléments suivants :

    Navigateur Version du navigateur/du système d’exploitation Format
    Safari Antérieur à iOS/iPad 14.0 ou macOS BigSur JPEG2000
    Edge Avant 18 JPEGXR
    Internet Explorer 9+ JPEGXR
  • Pour les navigateurs qui ne prennent pas en charge ces formats, le format d’image demandé initialement est diffusé.

Si la taille de l’image d’origine est inférieure à celle produite par l’imagerie dynamique, l’image d’origine est diffusée.

Quels sont les formats d’image pris en charge ?

Les formats suivants sont pris en charge dans le cadre de l’imagerie dynamique :

  • JPEG
  • PNG

Comment l’imagerie dynamique fonctionne-t-elle avec mes paramètres d’image prédéfinis existants déjà utilisés ?

L’imagerie dynamique fonctionne avec vos "paramètres d’image prédéfinis" existants et conserve tous vos paramètres d’image, à l’exception de la qualité (qlt) et du format (fmt) si le format de fichier demandé est JPEG ou PNG. Pour la conversion de format, l’imagerie dynamique conserve la qualité vidéo totale, telle qu’elle est définie par vos paramètres d’image prédéfinis, mais avec une plus petite taille de fichier. Si la taille de l’image d’origine est inférieure à celle produite par l’imagerie dynamique, l’image d’origine est diffusée.

Vais-je devoir modifier des URL ou des paramètres d’image prédéfinis, ou déployer du nouveau code sur mon site pour exploiter l’imagerie dynamique ?

L’imagerie dynamique fonctionne en toute transparence avec les URL et les paramètres prédéfinis des images existantes si vous configurez l’imagerie dynamique sur votre domaine personnalisé existant. En outre, l’imagerie dynamique n’exige pas que vous ajoutiez du code sur votre site web pour détecter le navigateur d’un utilisateur. Tout est géré automatiquement.

Si vous devez configurer un nouveau domaine personnalisé pour utiliser l’imagerie dynamique, les URL devront être mises à jour pour refléter ce domaine personnalisé.

Pour comprendre les conditions préalables requises pour l’imagerie dynamique, consultez la section Puis-je utiliser l’imagerie dynamique ?

L’imagerie dynamique est-elle compatible avec le protocole HTTPS ? Et qu’en est-il du protocole HTTP/2 ?

L’imagerie dynamique fonctionne avec les images diffusées sur HTTP ou HTTPS. Elle fonctionne également sur HTTP/2.

Puis-je utiliser l’imagerie dynamique ?

Pour pouvoir utiliser l’imagerie dynamique, le compte Dynamic Media Classic ou Dynamic Media sur Experience Manager de votre entreprise doit répondre aux conditions suivantes :

  • Utiliser le réseau de diffusion de contenu (CDN) fourni par Adobe dans le cadre de votre licence.
  • Utiliser un domaine dédié (par exemple, images.company.com ou mycompany.scene7.com), plutôt qu’un domaine générique (par exemple, s7d1.scene7.com, s7d2.scene7.com ou s7d13.scene7.com).

Pour trouver vos domaines, ouvrez l’application de bureau Dynamic Media Classic, puis connectez-vous à un ou plusieurs comptes de votre entreprise.

Accédez à Configuration > Configuration de l’application > Paramètres généraux Recherchez le champ intitulé Nom du serveur publié. Si vous utilisez actuellement un domaine générique, vous pouvez demander une migration vers votre domaine personnalisé dans le cadre de cette transition lorsque vous soumettez un ticket de support technique.

Votre premier domaine personnalisé n’entraîne aucun coût supplémentaire avec une licence Dynamic Media.

Quelle est la marche à suivre afin d’activer l’imagerie dynamique pour mon compte ?

Vous devez envoyer la demande d’utilisation d’imagerie dynamique ; celle-ci n’est pas activée automatiquement.

Par défaut, l’imagerie dynamique RGPD et l’optimisation du réseau sont désactivés pour un compte d’entreprise Dynamic Media. Si vous souhaitez activer l’une ou l’autre de ces améliorations prêtes à l’emploi, créez un cas de prise en charge comme décrit ci-dessous.

Le calendrier de publication de l’imagerie dynamique RGPD et de l’optimisation du réseau est le suivant :

Région Date cible
Amérique du Nord En direct
Europe, Moyen-Orient, Afrique 13 août 2021
Asie-Pacifique 22 juillet 2021
  1. Utilisez Admin Console pour créer un dossier d’assistance.

  2. Indiquez les informations suivantes dans votre dossier de support :

    1. nom, adresse électronique et numéro de téléphone du contact principal.

    2. Tous les domaines à activer pour l’imagerie dynamique (c’est-à-dire images.company.com ou mycompany.scene7.com).

      Pour trouver vos domaines, ouvrez l’application de bureau Dynamic Media Classic, puis connectez-vous à un ou plusieurs comptes de votre entreprise.

      Accédez à Configuration > Configuration de l’application > Paramètres généraux.

      Recherchez le champ intitulé Nom du serveur publié.

    3. Vérifiez que vous utilisez le CDN via Adobe et non le CDN géré avec une relation directe.

    4. Vérifiez que vous utilisez un domaine dédié, tel que images.company.com ou mycompany.scene7.com, et non un domaine générique, tel que s7d1.scene7.com, s7d2.scene7.com ou s7d13.scene7.com.

      Pour trouver vos domaines, ouvrez l’application de bureau Dynamic Media Classic, puis connectez-vous à un ou plusieurs comptes de votre entreprise.

      Accédez à Configuration > Configuration de l’application > Paramètres généraux.

      Recherchez le champ intitulé Nom du serveur publié. Si vous utilisez actuellement un domaine Dynamic Media Classic générique, vous pouvez demander une migration vers votre domaine personnalisé dans le cadre de cette transition.

    5. Indiquez si vous avez également besoin que l’imagerie dynamique fonctionne sur HTTP/2.

  3. L’assistance clientèle d’Adobe vous ajoute à la liste d’attente des clients de l’imagerie dynamique en fonction de l’ordre dans lequel les demandes ont été envoyées.

  4. Lorsque Adobe est prêt à traiter votre demande, contactez vos contacts pour coordonner et définir une date cible.

  5. Facultatif : vous pouvez éventuellement tester l’imagerie dynamique dans l’évaluation avant qu’Adobe ne mette la nouvelle fonctionnalité en production.

  6. Une fois la procédure achevée, vous en serez informé par l’équipe d’Assistance clientèle.

  7. Pour tirer pleinement parti des améliorations de performances de l’imagerie dynamique, Adobe recommande de définir le délai d’expiration (TTL) sur 24 heures ou plus. Ce paramètre définit la période pendant laquelle les ressources sont mises en cache par le réseau de diffusion de contenu. Pour modifier ce paramètre :

    1. Si vous utilisez Dynamic Media Classic, accédez à Configuration > Configuration de l’application > Configuration de la publication > Image Server. Définissez la valeur Délai d’expiration par défaut du cache de client sur 24 ou plus.
    2. Si vous utilisez Dynamic Media, procédez comme suit. Définissez la valeur Expiration sur 24 heures ou plus.

Dans quel délai puis-je m’attendre à ce que l’imagerie dynamique soit activée pour mon compte ?

Les demandes sont traitées dans l’ordre de réception par l’équipe d’Assistance clientèle, suivant la liste d’attente.

REMARQUE

Le délai d’exécution peut être relativement long, car l’activation de l’imagerie dynamique implique qu’Adobe efface le cache. Seul un petit nombre de transitions peut donc être traité simultanément.

Quels sont les risques liés au passage à l’imagerie dynamique ?

La page web d’un client ne présente aucun risque. Cependant, la transition vers l’imagerie dynamique efface votre cache sur le réseau de diffusion de contenu, car elle implique de passer à une nouvelle configuration de Dynamic Media Classic ou de Dynamic Media sur Experience Manager.

Au cours de la transition initiale, les images non mises en cache accèdent directement aux serveurs d’origine d’Adobe jusqu’à ce que le cache soit reconstitué. Par conséquent, Adobe prévoit de gérer quelques transitions à la fois afin de maintenir des performances acceptables lors de l’extraction des requêtes à partir de l’origine. Pour la plupart des clients, le cache est entièrement reconstitué au niveau du réseau CDN dans les 1 à 2 jours.

Comment puis-je vérifier si l’imagerie dynamique fonctionne comme prévu ?

  1. Une fois que l’imagerie dynamique est activée sur votre compte, chargez une URL d’image Dynamic Media Classic ou Adobe Experience Manager – Dynamic Media sur le navigateur.

  2. Ouvrez le volet de Chrome pour les développeurs en accédant à Afficher > Développeur > Outils de développement dans le navigateur. Vous pouvez également sélectionner l’outil de développement de navigateur de votre choix.

  3. Assurez-vous que le cache est désactivé lorsque les outils de développement sont ouverts.

    • Sous Windows®, accédez aux paramètres dans le volet de l’outil de développement, puis cochez la case Désactiver le cache (lorsque les outils de développement sont ouverts) .
    • Sous macOS, sélectionnez désactiver le cache dans l’onglet Réseau du volet de développement.
  4. Observez que le type de contenu est converti au format approprié. L’écran ci-dessous illustre la conversion dynamique d’une image PNG au format WebP sur Chrome.

  5. Répétez ce test sur d’autres navigateurs et avec différentes conditions d’utilisation.

REMARQUE

Toutes les images ne sont pas converties. L’imagerie dynamique détermine si la conversion peut améliorer les performances. Parfois, si aucune amélioration des performances n’est attendue, ou que le format n’est pas JPEG ou PNG, l’image n’est pas convertie.

image2017-11-14_15398

Est-il possible de désactiver l’imagerie dynamique quelle que soit la raison ?

Oui. Vous pouvez désactiver l’imagerie dynamique en ajoutant le modificateur bfc=off à l’URL.

Puis-je demander que le RPD et l’optimisation du réseau soient désactivés au niveau de l’entreprise ?

Oui. Pour désactiver le RPD et l’optimisation du réseau dans votre entreprise, créez un cas de support, comme décrit précédemment dans cette rubrique.

Quel « réglage » est disponible ? Existe-t-il des paramètres ou des comportements pouvant être définis ? (#tuning-settings)

Actuellement, vous pouvez éventuellement activer ou désactiver l’imagerie dynamique. Aucun autre réglage n’est disponible.

Si l’imagerie dynamique gère les paramètres de qualité, existe-t-il des valeurs minimales et maximales à définir ? Par exemple, est-il possible de définir une qualité « non inférieure à 60 » et « non supérieure à 80 » ? (#minimum-maximum)

Il n’existe aucune fonctionnalité de configuration de ce type dans la technologie actuelle d’imagerie dynamique.

Parfois, une image JPEG est renvoyée à Chrome au lieu d’une image WebP. Pourquoi cela arrive-t-il ? (#jpeg-webp)

L’imagerie dynamique détermine si la conversion apporte ou non un bénéfice. Elle ne renvoie la nouvelle image que si la conversion parvient à réduire la taille du fichier avec une qualité comparable.

Comment l’imagerie dynamique est-elle compatible avec les composants Adobe Experience Manager Sites et les visionneuses Dynamic Media ?

  • Les composants principaux des sites Experience Manager sont configurés par défaut pour l’optimisation du RPD. Pour éviter les images surdimensionnées en raison de l’optimisation du RGPD de l’imagerie dynamique côté serveur, dpr=off est toujours ajouté aux images Dynamic Media des composants principaux des sites Experience Manager.
  • Étant donné que le composant Dynamic Media Foundation est configuré par défaut pour l’optimisation du RGPD, afin d’éviter les images surdimensionnées en raison de l’optimisation de l’imagerie dynamique côté serveur, dpr=off est toujours ajouté aux images du composant Dynamic Media Foundation. Même si le client désélectionne l’optimisation du RGPD dans le composant Foundation DM, le RGPD de l’imagerie dynamique côté serveur ne démarre pas. En résumé, dans le composant de base DM, l’optimisation du RPD entre en vigueur en fonction du paramètre au niveau du composant de base DM uniquement.
  • Toute optimisation du RGPD côté visionneuse fonctionne en tandem avec l’optimisation du RGPD de l’imagerie dynamique côté serveur et n’entraîne pas de surdimensionnement des images. En d’autres termes, là où le RGPD est géré par la visionneuse, par exemple la vue principale uniquement dans une visionneuse avec zoom activé, les valeurs du RGPD de l’imagerie dynamique côté serveur ne sont pas déclenchées. De même, lorsque les éléments de visionneuse, tels que les échantillons et les miniatures, ne sont pas gérés en vertu du RGPD, la valeur du RGPD d’imagerie dynamique côté serveur est déclenchée.

Voir aussi Lorsque vous utilisez des images et Lorsque vous utilisez le recadrage intelligent.

Sur cette page