Imagerie dynamique smart-imaging
À propos de l’imagerie dynamique about-smart-imaging
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.
- Taille de fichier (avec diffusion WebP et AVIF)
- Bande passante réseau
- DPR (rapport de pixels de l’appareil)
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 :
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 :
- Le format AVIF de nouvelle génération est désormais pris en charge.
- La conversion avec perte des PNG en WebP et AVIF est désormais possible. Le format PNG étant sans perte, les WebP et AVIF étaient auparavant livrés sans perte.
- Conversion au format du navigateur
- Rapport pixel de l’appareil
- Bande passante réseau
À propos de la conversion au format du navigateur bfc
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. En plus du 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.
À propos de l’optimisation du rapport pixel d’appareil dpr
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 effectue le rendu de l’image à la résolution native de l’écran, ce qui la fait paraître nette.
Actuellement, la densité en pixels de l’affichage provient des valeurs d’en-tête du CDN Akamai.
dpr=off
dpr=on,dprValue
dprValue
est n’importe quel nombre supérieur à 0.- Vous pouvez utiliser
dpr=on,dprValue
même si le paramètre DPR au niveau de la société est désactivé. - Avec l’optimisation du DPR, lorsque l’image créée est supérieure au paramètre MaxPix Dynamic Media, la largeur MaxPix est toujours reconnue en conservant les proportions de l’image. -->
Consultez également la section Lorsque vous utilisez des images et Lorsque vous utilisez le recadrage intelligent.
À propos de l’optimisation de la bande passante du réseau bandwidth
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.
network=off
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
- 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. - 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.
Fonctionnement de l’imagerie dynamique how-smart-imaging-works
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.
-
Conversion automatique au format AVIF si le navigateur prend en charge le format
-
Conversion automatique au format WebP si la conversion AVIF n’a pas été bénéfique ou si le navigateur ne prend pas en charge l’AVIF
-
Conversion automatique vers le JPEG2000 si Safari ne prend pas en charge le WebP
-
Conversion automatique vers le JPEGXR pour IE 9+ ou si Edge ne prend pas en charge WebP
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 Format d’image Navigateurs pris en charge AVIF https://caniuse.com/avif WebP https://caniuse.com/webp JPEG 2000 https://caniuse.com/jpeg2000 JPEGXR https://caniuse.com/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.
Prise en charge du format d’image dans l’imagerie dynamique image-format-support
Les formats suivants sont pris en charge dans le cadre de l’imagerie dynamique :
- JPEG
- PNG
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.
Prise en charge des commandes du service d’images dans l’imagerie dynamique imaging-serving-command-support
Les commandes de diffusion d’images fmt
et qlt
ne sont pas prises en charge ; toutes les autres commandes sont prises en charge.
Questions fréquentes concernant l’imagerie dynamique smart-imaging-faq
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).
note important |
---|
IMPORTANT |
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, l’accentuation = 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.
Ç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 :
- 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
oumycompany.scene7.com
), plutôt qu’un domaine générique (par exemple,s7d1.scene7.com
,s7d2.scene7.com
ous7d13.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 :
- WebP
- AVIF
- Optimisation du Ratio pixel de l’appareil et de la bande passante réseau
- PNG vers AVIF avec perte ou WebP avec perte
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 :
- WebP
- AVIF
- Optimisation du Ratio pixel de l’appareil et de la bande passante réseau
- PNG vers AVIF avec perte ou WebP avec perte
-
Tous les domaines à activer pour l’imagerie intelligente (c’est-à-dire
images.company.com
oumycompany.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
oumycompany.scene7.com
, et non un domaine générique, tel ques7d1.scene7.com
,s7d2.scene7.com
ous7d13.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 :
- Si vous utilisez Dynamic Media Classic, accédez à 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.
- Si vous utilisez Dynamic Media, procédez comme suit. Définissez la valeur Expiration sur 24 heures ou plus.
Les demandes sont traitées dans l’ordre de réception par l’équipe du service clientèle, suivant la liste d’attente.
note note |
---|
NOTE |
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 utilisateurs et utilisatrices, le cache est entièrement reconstitué au niveau du réseau CDN sous 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.
- 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, sélectionnez désactiver le cache dans l’onglet Réseau du volet de développement.
-
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 d’utilisation.
note note |
---|
NOTE |
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 :
- L’imagerie dynamique fonctionne pour l’entreprise.
- Une valeur positive signifie que la conversion a réussi. Dans ce cas, une nouvelle image WebP est renvoyée.
- Une valeur négative signifie que la conversion a échoué. Dans ce cas, l’image demandée d’origine est renvoyée (en JPEG par défaut, si le format n’est pas spécifié).
- Une valeur positive indique la différence en octets entre l’image demandée et la nouvelle image. Dans l’exemple ci-dessus, les octets enregistrés sont
75048
, soit environ 75 Ko pour une image. - Une valeur négative signifie que l’image demandée est plus petite que la nouvelle image. La différence de taille négative s’affiche, mais l’image diffusée reste l’image d’origine demandée.
note note |
---|
NOTE |
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. |
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 maintenue 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 :
- Spécifiez JPEG ou PNG.
- N’utilisez pas le modificateur
fmt
. - Utilisez un format de navigateur préféré tel que défini par l’imagerie dynamique. Par exemple, vous pouvez utiliser le WebP pour le navigateur web Chrome.
fmt=tif
et bfc=off
au chemin d’URL de l’image.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.
qlt=100
dans le chemin.