Imagerie dynamique

Qu’est-ce que l’imagerie dynamique ?

La technologie Smart Imaging applique les fonctionnalités d’IA Adobe Sensei et fonctionne avec les "paramètres d’image prédéfinis" existants pour améliorer les performances de la diffusion d’images en optimisant automatiquement le format, la taille et la qualité des images 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 trouve la route Internet optimale entre les serveurs, les réseaux et les points d’écoute. Il trouve un itinéraire présentant la latence la plus faible et le taux de perte de paquets le plus faible au lieu d'utiliser l'itinéraire par défaut sur Internet.

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, l’Adobe a également exécuté un test avec 7 009 URL provenant de sites clients actifs. En raison de la fonctionnalité d'imagerie intelligente, ils ont pu obtenir en moyenne 38 % d'optimisation supplémentaire de la taille de fichier pour le format JPEG et 31 % d'optimisation supplémentaire de la taille de fichier pour le format PNG avec le format WebP.

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

Les images constituant la majeure partie du temps de chargement d’une page, l’amélioration des performances peut avoir un impact profond sur une activité, notamment une conversion plus élevée, la durée de consultation du site et un taux de rebonds du site plus faible.

Améliorations apportées par la version la plus récente de l’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, les images d’origine et dérivées étaient mises en cache et il s’agissait d’un processus en deux étapes pour invalider le cache. Dans la dernière version de Smart Imaging, seuls les dérivés sont mis en cache, ce qui permet un processus d’invalidation en une seule étape du cache.
• Clients qui utilisent des en-têtes personnalisés dans leur ensemble de règles. Par exemple, "Timing Allow Origine", "X-Robot", comme suggéré dans Ajouter une valeur d'en-tête personnalisée aux réponses d'image|Dynamic Media Classic). Ils peuvent bénéficier de la dernière version de Smart Imaging, car ces en-têtes ne sont pas bloqués, contrairement à la version précédente de Smart Imaging.

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

Non. Smart Imaging est inclus dans votre licence existante de Dynamic Media Classic ou de Adobe Experience Manager - Dynamic Media (On-prem, AMS et AEM en tant que Cloud Service).

Comment fonctionne l’imagerie dynamique ?

Lorsqu’une image est demandée par un utilisateur, Smart Imaging vérifie les caractéristiques de l’utilisateur et la convertit au format d’image 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 14.0 +
    • Safari 14 uniquement avec iOS 14.0 et versions ultérieures et macOS BigSur et versions ultérieures
  • Android
  • Opera

• Prise en charge des navigateurs existants pour les éléments suivants :

  Navigateur	Version du navigateur/du système d’exploitation	Format
  Safari	iOS 14.0 ou version antérieure	JPEG2000
  Edge	18 ou version antérieure	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 intelligente fonctionne-t-elle avec mes paramètres d’image prédéfinis existants déjà utilisés ?

Smart Imaging fonctionne avec vos paramètres d’image prédéfinis existants et observe 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, Smart Imaging conserve une fidélité visuelle complète, telle que 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.

Dois-je modifier des URL, des paramètres d’image prédéfinis ou déployer un nouveau code sur mon site pour l’imagerie intelligente ?

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 intelligente, les URL doivent être mises à jour pour refléter ce domaine personnalisé.

Pour connaître les conditions préalables requises pour l’imagerie intelligente, voir Suis-je admissible à l’utilisation de l’imagerie intelligente ?.

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 AEM 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, ouvrez l'application de bureau Dynamic Media Classic, puis connectez-vous à votre ou vos comptes de société.

Appuyez 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 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 lancez une demande d’utilisation de l’imagerie intelligente ; elle n'est pas activée automatiquement.

1. Utilisez Admin Console pour créer un dossier d’assistance.

2. Indiquez les informations suivantes dans votre dossier d’assistance :

   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 rechercher vos domaines, ouvrez l'application de bureau Dynamic Media Classic, puis connectez-vous à votre ou vos comptes de société.

      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 rechercher vos domaines, ouvrez l'application de bureau Dynamic Media Classic, puis connectez-vous à votre ou vos comptes de société.

      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 s’il doit fonctionner sur HTTP/2.

3. Le service à la clientèle d’Adobe vous ajoute à la Liste d’attente du client Smart Imaging en fonction de l’ordre dans lequel les demandes ont été envoyées.

4. Lorsque l’Adobe est prêt à traiter votre demande, le service d’assistance vous contacte pour coordonner et définir une date de cible.

5. Facultatif : Vous pouvez également tester l’imagerie intelligente dans le cadre de l’évaluation avant que l’Adobe ne pousse la nouvelle fonction 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 dans lequel elles sont reçues par le service à la clientèle, selon 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 de Smart Imaging 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 ont directement atteint les serveurs d’origine du Adobe jusqu’à ce que le cache soit reconstitué. Par conséquent, l’Adobe prévoit de gérer quelques transitions client à la fois afin de maintenir des performances acceptables lors de l’extraction des demandes de l’origine. Pour la plupart des clients, le cache est entièrement reconstitué sur le réseau de diffusion de contenu dans un délai d’environ 1 à 2 jours.

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

1. Une fois votre compte configuré avec l’imagerie intelligente, 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 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 cochez la case Désactiver le cache (lorsque les outils de développement sont ouverts).
   • Sous Mac, dans le volet Développeur, sous l’onglet Réseau, sélectionnez désactiver le cache.

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.

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 Smart Imaging gère les paramètres de qualité, y a-t-il des minimums et des maximums que je peux 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.

Il arrive qu’une image JPEG soit renvoyée dans 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.