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.

REMARQUE

Cette fonctionnalité requiert que vous utilisiez le CDN (Content Diffusion Network) prêt à l’emploi fourni avec Adobe Experience Manager Dynamic Media. Aucun autre 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 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 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, l’Adobe a également exécuté un test avec 7 009 URL provenant de sites clients actifs. Ils ont pu obtenir en moyenne 38 % d’optimisation supplémentaire de la taille de fichier pour le format JPEG. Pour les fichiers PNG au format WebP, ils ont été en mesure d’optimiser en moyenne 31 % de la taille de fichier supplémentaire. Ce type d'optimisation est possible grâce à la fonctionnalité d'imagerie intelligente.

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 :

  • Amélioration du classement d’optimisation du référencement de Google pour les pages Web à l’aide de la dernière version d’Smart Imaging.
  • 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.
  • Les clients qui utilisent des en-têtes personnalisés dans leur ensemble de règles bénéficient 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. 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.

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

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

REMARQUE

Smart Imaging n’est pas disponible pour les clients Dynamic Media - Hybrid.

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 (sur iOS, macOS, iPadOS), pourvu que le navigateur et la 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 Version antérieure à 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.

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 comprendre les conditions préalables requises pour l'imagerie intelligente, voir Suis-je éligible pour 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 utiliser Smart Imaging, votre société Dynamic Media Classic ou Dynamic Media sur compte Experience Manager doit répondre aux exigences 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 si vous devez également utiliser Smart Imaging 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. Vous êtes averti après l’exécution par le service à la 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 > 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.

REMARQUE

Il peut y avoir un long délai, car l’activation de l’imagerie intelligente implique l’effacement du cache par Adobe. 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 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 du volet d’outils du développeur, puis cochez la case Désactiver le cache (alors que devtools est ouvert).
    • Sur 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. Smart Imaging décide si la conversion peut améliorer les performances. Parfois, lorsque les performances ne sont pas améliorées 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 ? (#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é, existe-t-il des minimums et des maximums à 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.

Sur cette page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now