Imagerie dynamique

Qu’est-ce que l’imagerie dynamique ?

La technologie d’imagerie dynamique applique les fonctionnalités d’intelligence artificielle d’Adobe Sensei et fonctionne avec les « paramètres d’image prédéfinis » existants. Elle permet d’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.

IMPORTANT

L’imagerie dynamique requiert que vous utilisiez le réseau de diffusion de contenu prêt à l’emploi (CDN) 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 CDN (réseau de diffusion de contenu) haut de gamme proposé par Adobe afin d’offrir un gain de performance accru. Ce service trouve l’itinéraire Internet optimal entre les serveurs, les réseaux et les points de connexion. Il trouve un itinéraire ayant 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 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.

  • Convertir automatiquement vers WebP pour les navigateurs suivants :

    • Chrome
    • Firefox
    • Microsoft® Edge
    • Safari (sur iOS, macOS, iPadOS), navigateur fourni et version du système d’exploitation prennent en charge 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 ans 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. Il respecte 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 connaître les conditions préalables requises pour l’imagerie dynamique, voir Suis-je autorisé à 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, ouvrez l’application de bureau Dynamic Media Classic, puis connectez-vous au ou aux comptes de votre 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 à passer à votre propre domaine personnalisé. Faites cette demande de transition lorsque vous soumettez un ticket d’assistance 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 la demande d’utilisation de l’imagerie dynamique ; il n’est pas activé automatiquement.

  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 rechercher vos domaines, ouvrez l’application de bureau Dynamic Media Classic, puis connectez-vous au ou aux comptes de votre 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 au ou aux comptes de votre 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 si vous souhaitez qu’il fonctionne en HTTP/2.

  3. L’Assistance clientèle Adobe vous inscrira sur la liste d’attente des clients pour l’imagerie dynamique en se basant sur l’ordre dans lequel les demandes ont été envoyées.

  4. Dès qu’Adobe est prêt à traiter votre demande, vous serez contacté par l’Assistance clientèle afin de programmer 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, cliquez sur 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 dans lequel elles sont reçues par l’assistance clientèle, selon la liste d’attente.

REMARQUE

Le délai d’exécution peut être long, car l’activation de l’imagerie dynamique implique l’Adobe de l’effacement du 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 à l’imagerie dynamique efface votre cache CDN. Cette opération 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é. C’est pour cette raison qu’Adobe prévoit de ne gérer que quelques transitions à la fois afin d’offrir des performances acceptables lors de l’extraction des demandes du site d’origine. 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 votre compte configuré avec l’imagerie dynamique, 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 macOS, 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.

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.

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

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 que nous pouvons définir ? Par exemple, est-il possible de définir une qualité « non inférieure à 60 » et « non supérieure à 80 » ?

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

Dans certains cas, c’est une image JPEG qui est renvoyée au navigateur Chrome au lieu d’une image WebP. Pourquoi cela arrive-t-il ?

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.

Sur cette page