Imagerie dynamique

Qu’est-ce que l’imagerie dynamique ?

La technologie d’imagerie intelligente applique les fonctionnalités d’IA Adobe Sensei et fonctionne avec les "paramètres d’image prédéfinis" existants. Il 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.

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é.

Smart Imaging bénéficie également de l’amélioration des performances grâce à son intégration complète au service haut de gamme CDN (Content Diffusion Network) haut de gamme d’Adobes. 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 représentent la majeure partie du temps de chargement d’une page. Ainsi, toute amélioration des performances peut avoir un impact profond sur les taux de conversion les plus élevés, le temps passé sur un site et les taux de rebond plus faibles du site.

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.
  • Sert le contenu optimisé immédiatement (au moment de l’exécution).
  • Utilise la technologie Adobe Sensei pour la conversion en fonction de la qualité (qlt) spécifiée dans la demande d’image.
  • L’imagerie intelligente peut être désactivée à 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 dans votre licence existante. Cette règle est vraie pour Dynamic Media Classic ou pour Experience Manager Dynamic Media (On-prem, AMS et 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 vos 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. Il observe tous les 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 à 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 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 souhaitez qu’il fonctionne 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 sont envoyées.

  4. Lorsque l’Adobe est prêt à traiter votre demande, le service à la clientèle 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 à l’imagerie intelligente 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 ont directement atteint les serveurs d’origine du Adobe jusqu’à ce que le cache soit reconstitué. Ainsi, 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é, y a-t-il des minimums et des maximums que je peux 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 à Chrome au lieu d’une image WebP. Pourquoi cela change-t-il ? (#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