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.
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 | ![]() |
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 :
En termes d’images, l’objectif est d’offrir des images de la meilleure qualité possible.
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.
Valeurs autorisées dans l’URL d’une image | Description |
---|---|
dpr=off |
Désactivez l’optimisation du DPR au niveau de l’URL d’une image individuelle. |
dpr=on,dprValue |
Remplacez la valeur DPR détectée par l’imagerie intelligente par une valeur personnalisée (telle que 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. |
dpr=on,dprValue
même si le paramètre DPR au niveau de la société est désactivé.Taille de l’image demandée | Valeur DPR | Taille de l’image diffusée |
---|---|---|
816x500 | 1 | 816x500 |
816x500 | 2 | 1632x1000 |
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.
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. |
Les valeurs DPR et de 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 DPR d’un utilisateur final.
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 :
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).
L’imagerie dynamique n’est pas disponible pour les utilisateurs Dynamic Media – Hybrid.
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 :
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.
Les formats suivants sont pris en charge dans le cadre de l’imagerie dynamique :
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.
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 fonctionne avec les images diffusées sur HTTP ou HTTPS. Elle fonctionne également sur HTTP/2.
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 :
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.
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.
Indiquez les informations suivantes dans votre dossier de support :
nom, adresse électronique et numéro de téléphone du contact principal.
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é.
Vérifiez que vous utilisez le CDN via Adobe et non le CDN géré avec une relation directe.
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.
Indiquez si vous avez également besoin que l’imagerie dynamique fonctionne sur HTTP/2.
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.
Lorsque Adobe est prêt à traiter votre demande, contactez vos contacts pour coordonner et définir une date cible.
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.
Une fois la procédure achevée, vous en serez informé par l’équipe de support.
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 :
Les demandes sont traitées dans l’ordre de réception par l’équipe du support technique, suivant la liste d’attente.
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.
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.
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.
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.
Assurez-vous que le cache est désactivé lorsque les outils de développement sont ouverts.
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.
Répétez ce test sur d’autres navigateurs et avec différentes conditions d’utilisation.
Toutes les images ne sont pas converties. L’imagerie dynamique détermine si la conversion améliore 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.
Oui. Vous pouvez désactiver l’imagerie dynamique en ajoutant le modificateur bfc=off
à l’URL.
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.
Actuellement, vous pouvez éventuellement activer ou désactiver l’imagerie dynamique. Aucun autre réglage n’est disponible.
Il n’existe aucune fonctionnalité de configuration de ce type dans la technologie actuelle d’imagerie dynamique.
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.
dpr=off
est toujours ajouté aux images Dynamic Media des composants principaux des sites Experience Manager.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.