Imagerie dynamique

Qu’est-ce que l’imagerie dynamique ?

La technologie d’imagerie dynamique utilise 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.

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		73,75 Ko	45,92 Ko	38 %
Image 2		191 Ko	70,66 Ko	63 %
Image 3		96,64 Ko	39,44 Ko	59 %
Image 4		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.

À propos de l’optimisation du rapport pixel 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 Retina, la résolution en pixels des appareils mobiles modernes augmente à un rythme rapide.

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

L’activation de la configuration du rapport pixel d’appareil d’imagerie intelligente 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.

À 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 DPR 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.

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

Le chargement des images représente la majeure partie du temps de chargement d’une page. Toute amélioration de ces performances peut ainsi offrir des avantages significatifs en termes de taux de conversion, de temps passé sur une page et de taux de rebond du site.

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 technologie d’imagerie dynamique la plus récente.
• 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 Ajout d’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 Dynamic Media Classic ou Adobe Experience Manager - Dynamic Media existante (On-prem, AMS et Experience Manager as a Cloud Service).

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 les paramètres d’image prédéfinis qui sont 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 format (fmt) si le format de fichier demandé est JPEG ou PNG. Pour la conversion de format, Adobe conserve une fidélité visuelle complète, définie par vos paramètres d’image prédéfinis, mais à une taille de fichier inférieure. 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 rechercher vos domaines, connectez-vous à votre ou vos comptes d’entreprise.

Appuyer 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 intelligente de DPR 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.

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.

      Cliquez sur 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.

      Cliquez sur 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. Le service 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 avez la possibilité de tester l’imagerie dynamique dans le cadre de 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 de support.

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, cliquez sur Configuration > Configuration de l’application > Configuration de la publication > Serveur d’images. 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 du support technique, suivant la liste d’attente.

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 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 de l’Adobe. Pour la plupart des utilisateurs, le cache est entièrement reconstitué au niveau du réseau CDN sous 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/Dynamic Media sur le navigateur.

2. Ouvrez le volet de Chrome pour les développeurs en cliquant sur 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 sélectionnez 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.

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 DPR et l’optimisation du réseau soient désactivés au niveau de l’entreprise ?

Oui. Pour désactiver le DPR 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 de JPEG est renvoyée à Chrome au lieu d’une image WebP. Pourquoi ? (#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 intelligente 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 DPR. Pour éviter les images surdimensionnées en raison de l’optimisation du DPR 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 DPR, 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 DPR dans le composant Foundation DM, le DPR de l’imagerie intelligente côté serveur ne démarre pas. En résumé, dans le composant de base DM, l’optimisation du DPR entre en vigueur en fonction du paramètre au niveau du composant de base DM uniquement.
• Toute optimisation du DPR côté visionneuse fonctionne en tandem avec l’optimisation du DPR de l’imagerie intelligente côté serveur et n’entraîne pas de surdimensionnement des images. En d’autres termes, là où le DPR est géré par la visionneuse, par exemple la vue principale uniquement dans une visionneuse avec zoom activé, les valeurs du DPR de l’imagerie intelligente 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 DPR, la valeur du DPR d’imagerie intelligente côté serveur est déclenchée.