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.
De plus, obtenez désormais un meilleur score Google Core Web Vital pour LCP (Large Contentful Paint) grâce à l’amélioration de l’imagerie dynamique, qui s’accompagne désormais de la prise en charge d’AVIF et de WebP.
L’imagerie intelligente nécessite l’utilisation du 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é.
Testez et découvrez les avantages des modificateurs d’image Dynamic Media et de l’imagerie dynamique à l’aide de Dynamic Media. Instantané.
L’instantané est un outil de démonstration visuel, conçu pour illustrer la puissance de Dynamic Media pour une diffusion d’images optimisée et dynamique. Testez des images de test ou des URL Dynamic Media afin d’observer visuellement la sortie de divers modificateurs d’image Dynamic Media et d’optimiser l’imagerie dynamique pour les éléments suivants :
Pour savoir à quel point il est facile d’utiliser Snapshot, lisez la Vidéo de formation instantanée (3 minutes et 17 secondes).
L’imagerie dynamique tire parti de sa parfaite intégration dans le meilleur service premium CDN (réseau de diffusion de contenu) de sa catégorie 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. 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 l’imagerie dynamique | Taille (AVIF) avec l’imagerie dynamique | % de réduction avec WebP | % de réduction avec AVIF |
---|---|---|---|---|---|---|
Image 1 | ![]() |
145 Ko | 106 Ko | 90,2 Ko | 26,89 % | 37,79 % |
Image 2 | ![]() |
412 Ko | 346 Ko | 113 Ko | 16,01 % | 72,57 % |
Image 3 | ![]() |
221 Ko | 189 Ko | 87,1 Ko | 14,47 % | 60,58 % |
Image 4 | ![]() |
594 Ko | 545 Ko | 286 Ko | 8,25 % | 51,85 % |
Comme ci-dessus, Adobe a également exécuté un test avec un ensemble d’échantillons plus grand. Le format AVIF a permis une réduction supplémentaire de 20 % de la taille par rapport au WebP, qui lui-même a permis une réduction de 27 % par rapport au JPEG. Tout cela avec la même qualité visuelle. Au total, l’AVIF offre une réduction de taille moyenne de 41 % par rapport au JPEG.
Comparez WebP et AVIF à PNG, vous pouvez constater une réduction de la taille de 84 % avec WebP et de 87 % avec AVIF. Et, puisque les formats WebP et AVIF prennent en charge la transparence et plusieurs animations d’images, ils remplacent efficacement les fichiers PNG et de GIF transparents.
Consultez également la section Optimisation des images avec des formats d’image de nouvelle génération (WebP et AVIF).
Avantages de l’imagerie dynamique
L’imagerie dynamique offre de meilleures performances de diffusion d’images en optimisant automatiquement la taille du fichier image en fonction du navigateur client utilisé, de l’affichage de l’appareil et des conditions réseau. Les images sont les éléments qui demandent le plus de temps lors du chargement d’une page. Aussi, toute amélioration des performances peut-elle avoir une incidence considérable sur les indicateurs IPC, tels que des taux de conversion plus élevés, une augmentation du temps passé sur le site et un taux de rebond moindre.
Les principaux avantages de la dernière technologie d’imagerie dynamique sont les suivants :
L’activation de la conversion au format du navigateur en ajoutant bfc=on
dans l’URL de l’image convertit automatiquement les JPEG et PNG en AVIF avec perte, WebP avec perte, JPEGXR avec perte, JPEG2000 avec perte, en fonction des différents navigateurs. Pour les navigateurs qui ne prennent pas en charge ces formats, l’imagerie dynamique continue de délivrer le JPEG ou le fichier PNG. Avec le format , la qualité du nouveau format est recalculée par l’imagerie dynamique.
L’imagerie dynamique peut également être désactivée en ajoutant bfc=off
à l’URL de l’image.
Consultez également la section bfc dans l’API de diffusion et de rendu d’images Dynamic Media.
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 de pixels de l’appareil rend l’image à la résolution native de l’écran, ce qui la rend nette.
Actuellement, la densité en pixels de l’affichage provient des valeurs d’en-tête du CDN Akamai.
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. |
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 de Ratio pixel de l’appareil (dpr) | Taille de l’image diffusée |
---|---|---|
816 x 500 | 1 | 816 x 500 |
816 x 500 | 2 | 1632 x 1000 |
Consultez également la section Lorsque vous utilisez des images et Lorsque vous utilisez le recadrage intelligent.
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. Lorsque la bande passante réseau est 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 un DPR=2 et l’iPhone12 avec un dpr=3
affichent tous deux un dpr=2
. Néanmoins, pour les appareils haute résolution, envoyer un dpr=2
est préférable à envoyer un dpr=1
. La meilleure façon de surmonter cette inexactitude consiste toutefois à utiliser le RPD côté client, pour obtenir des valeurs parfaitement précises. Cette méthode fonctionne pour n’importe quel appareil, qu’il s’agisse d’Apple ou de tout autre appareil existant. Consultez la section Utilisation de l’imagerie dynamique avec Rapport pixel d’appareil côté client.
Autres principaux avantages de l’imagerie dynamique
qlt
) spécifiée dans la demande d’image.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.
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 :
Pour le format de fichier image JPEG, la qualité du nouveau format est recalculée par l’imagerie dynamique.
Pour les formats de fichiers image qui prennent en charge la transparence, tels que le PNG, vous pouvez configurer l’imagerie dynamique pour qu’elle diffuse des fichiers AVIF et WebP avec perte. Pour la conversion en formats avec perte, l’imagerie dynamique utilise la qualité mentionnée dans l’URL de l’image, ou la qualité configurée dans le compte d’entreprise Dynamic Media.
Commandes de diffusion d’images fmt
et qlt
ne sont pas prises en charge ; toutes les commandes restantes sont prises en charge.
Non. L’imagerie dynamique est incluse dans votre licence existante. Cette règle est vraie pour Dynamic Media Classic ou pour Experience Manager Dynamic Media (On-premise, AMS et Experience Manager as a Cloud Service).
L’imagerie dynamique n’est pas disponible pour les utilisateurs Dynamic Media – Hybrid.
Oui. Vous pouvez désactiver l’imagerie dynamique en ajoutant l’un des modificateurs suivants :
bfc=off
pour désactiver la conversion au format du navigateur. Consultez également la section Conversion au format du navigateur.dpr=off
pour désactiver le rapport pixel de l’appareil. Consultez également la section Rapport pixel de l’appareil.network=off
pour désactiver la bande passante réseau. Consultez également la section Bande passante réseau.Oui. L’imagerie dynamique offre trois options que vous pouvez activer ou désactiver.
Oui. L’imagerie dynamique fonctionne avec vos paramètres prédéfinis d’image existants et conserve tous vos paramètres d’image. Ce qui change, c’est le format de l’image, ou le paramètre de qualité, ou les deux. Pour la conversion de format, l’imagerie dynamique conserve la qualité vidéo totale, telle qu’elle est définie par vos paramètres prédéfinis d’image, mais avec une plus petite taille de fichier.
Supposons, par exemple, qu’un paramètre prédéfini d’image soit configuré comme suit : format JPEG, taille de 500 x 500, qualité=85 et accentuation=0,1,1,5. Lorsque l’imagerie dynamique détecte qu’un utilisateur se trouve dans un navigateur Chrome, l’image est convertie au format WebP, avec une taille de 500 x 500. De plus, le masque flou = 0,1,1,5 est d’une qualité WebP qui correspond à une qualité de JPEG de 85 aussi proche que possible. L’empreinte de cette conversion WebP est comparée au JPEG, et la plus petite des deux est renvoyée.
Non. L’imagerie dynamique fonctionne parfaitement avec vos paramètres d’image prédéfinis et URL d’image existants. 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 cela est géré automatiquement.
Oui, aux deux questions. L’imagerie dynamique fonctionne avec les images diffusées sur HTTP ou HTTPS. Elle fonctionne également sur HTTP/2.
Ça dépend. 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 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 à passer à votre propre domaine personnalisé. Faites cette demande de transition lorsque vous soumettez un dossier de support.
Votre premier domaine personnalisé n’entraîne aucun coût supplémentaire avec une licence Dynamic Media.
Nombre Vous devez envoyer la demande d’utilisation d’imagerie dynamique ; celle-ci n’est pas activée automatiquement.
Créez un dossier de support, comme décrit ci-dessous. Dans votre demande, veillez à mentionner la ou les fonctionnalités d’imagerie dynamique suivantes que vous souhaitez activer sur votre compte :
Si l’imagerie dynamique est déjà activée en WebP, mais que vous souhaitez d’autres nouvelles fonctionnalités comme indiqué ci-dessus, vous devez créer un dossier de support.
Pour créer un dossier de support permettant d’activer l’imagerie dynamique sur votre compte :
Utilisez l’Admin Console pour commencer la création d’un nouveau dossier de support..
Indiquez les informations suivantes dans votre dossier de support :
nom, adresse électronique et numéro de téléphone du contact principal.
Répertoriez les fonctionnalités d’imagerie dynamique suivantes que vous souhaitez activer sur votre compte :
Tous les domaines à activer pour l’imagerie intelligente (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é.
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.
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.
Indiquez si vous souhaitez qu’il fonctionne en HTTP/2.
Le service 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.
Dès qu’Adobe est prêt à traiter votre demande, vous serez contacté par le service clientèle afin de programmer une date cible.
Facultatif : Vous avez la possibilité de tester l’imagerie intelligente 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 du service clientèle.
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 service clientèle, 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 à 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 clients, le cache est entièrement reconstitué sur le réseau de diffusion de contenu dans un délai d’environ un à deux jours.
Oui. Vous pouvez effectuer les opérations suivantes :
Une fois que l’imagerie intelligente est activée sur votre compte, chargez une URL d’image Dynamic Media Classic ou Adobe Experience Manager – Dynamic Media sur le navigateur.
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.
Assurez-vous que le cache est désactivé lorsque les outils de développement sont ouverts.
Vérifiez 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. Si l’AVIF est activé pour votre domaine, vous pouvez également vous attendre à voir AVIF dans le type de contenu.
Répétez ce test sur différents navigateurs et conditions utilisateur.
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.
Oui. L’en-tête d’imagerie dynamique détermine les avantages de l’imagerie dynamique. Lorsque l’imagerie dynamique est activée, après avoir demandé une image, vous pouvez voir -X-Adobe-Smart-Imaging
sous le titre En-têtes de réponse, comme illustré dans l’exemple en surbrillance suivant :
Cet en-tête vous indique ce qui suit :
75048
, soit environ 75 Ko pour une image.X-Adobe-Smart-Imaging = -1 avec diffusion en WebP
Si la valeur de X-Adobe-Smart-Imaging
est -1 et que le WebP est toujours en cours de diffusion, cela signifie que l’imagerie dynamique fonctionne, mais que les gains de taille n’ont pas été calculés en raison de l’ancien cache. Vous pouvez utiliser cache=update
(une seule fois) dans l’URL de l’image pour résoudre ce problème.
Exemple d’utilisation du modificateur :
https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update
Pour invalider l’intégralité du cache, vous devez créer un dossier de support.
Oui. Si vous souhaitez revenir au service WebP par défaut, créez un dossier de support de la même façon. Vous pouvez comme d’habitude désactiver l’imagerie dynamique en ajoutant le paramètre bfc=off
à l’URL de l’image. Cependant, vous ne pouvez pas sélectionner le format WebP ou AVIF dans le modificateur d’URL pour l’imagerie dynamique. Cette fonctionnalité est conservée au niveau du compte de votre société.
Cette erreur ne se produit pas si l’imagerie dynamique n’est pas activée sur votre compte. L’imagerie dynamique fonctionne uniquement avec les formats JPEG ou PNG.
Pour éviter cette erreur, vous pouvez effectuer l’une des opérations suivantes :
fmt
.Oui. Ajoutez fmt=tif
et bfc=off
au chemin d’URL de l’image.
Oui. L’imagerie dynamique utilise le format et la qualité. Le reste des paramètres restent inchangés, tels que prévus pour l’URL de l’image.
Nombre Il n’existe actuellement aucune configuration de ce type.
Oui. L’imagerie dynamique ajuste automatiquement le pourcentage de qualité. Ce pourcentage de qualité est déterminé à l’aide d’un algorithme de machine learning développé par Adobe. Ce pourcentage n’est pas spécifique à la plage.
Oui. Cette fonctionnalité fonctionne uniquement pour les JPEG et PNG.
L’imagerie dynamique détermine si la conversion apporte ou non un bénéfice. Elle renvoie la nouvelle image uniquement si la conversion est bénéfique.
Si une image composite implique un trop grand nombre de calques, la fonctionnalité dpr peut être affectée lors de l’utilisation d’un modificateur de position. Ce problème est connu et sera corrigé dans les prochaines versions de l’imagerie dynamique. Si d’autres fonctionnalités d’imagerie dynamique ne fonctionnent pas comme prévu, vous pouvez créer un dossier de support pour signaler le problème.
Comme le format PNG est un format sans perte, les fichiers WebP et AVIF étaient auparavant livrés sans perte, avec une taille plus grande que prévu. L’imagerie dynamique prend désormais en charge la conversion avec perte. Vous pouvez utiliser le modificateur cache=update
(une seule fois) dans une demande d’image pour résoudre ce problème. Exemple d’utilisation de ce modificateur :
https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update
Pour invalider l’intégralité du cache, vous devez créer un dossier de support à cet effet.
Oui. L’imagerie dynamique prend désormais en charge la conversion avec perte en fonction du niveau de qualité. Pour continuer à utiliser une conversion sans perte, vous pouvez utiliser la qualité 100 définie soit par la configuration de votre entreprise, soit par le biais de l’URL de l’image en ajoutant qlt=100
dans le chemin.