Servlet Image adaptative

Découvrez comment les composants principaux utilisent le servlet Image adaptative pour la diffusion d’images et comment optimiser son utilisation.

Servlet Image adaptative ou diffusion d’images optimisées pour le web ?

Le composant Image principal peut utiliser deux méthodes pour diffuser des images.

Ce document décrit le servlet Image adaptative par défaut.

Présentation

Par défaut, le composant d’image utilise le servlet Image adaptative du composant principal pour diffuser des images. La servlet Image adaptative est en charge du traitement des images et de leur diffusion en continu. Les développeurs peuvent l’utiliser dans le cadre de leur personnalisation des composants principaux.

Sélection du rendu

Le servlet d’image adaptative sélectionne automatiquement le rendu le plus approprié à afficher en fonction de la taille du conteneur dans lequel il s’affiche. Le processus de sélection du rendu est le suivant.

  1. Le servlet d’image adaptative examine tous les rendus disponibles de la ressource d’image.
  2. Il sélectionne uniquement les ressources de même type/MIME de la ressource référencée d’origine.
    • Par exemple, si la ressource d’origine était un fichier PNG, elle ne prendra en compte que les rendus PNG.
  3. De ces rendus, elle prend en compte les dimensions et les compare à la taille du conteneur dans lequel l’image doit s’afficher.
    1. Si le rendu est >= à la taille du conteneur, il est ajouté à une liste de rendus candidats.
    2. Si le rendu est < à la taille du conteneur, il n’est pas pris en compte.
    3. Ces critères garantissent que le rendu ne sera pas amélioré, ce qui aurait un impact sur la qualité de l’image.
  4. Le servlet d’image adaptative sélectionne ensuite le rendu ayant la plus petite taille de fichier dans la liste des candidats.

Optimisation de la sélection du rendu

La servlet d’image adaptative tente de sélectionner le meilleur rendu pour la taille et le type d’image demandés. Il est recommandé de définir les rendus DAM et les largeurs autorisées des composants Image de façon synchronisée afin que la servlet d’image adaptative effectue le moins de traitement possible.

Cela améliore les performances et évite que certaines images ne soient pas correctement traitées par la bibliothèque de traitement des images sous-jacente.

Utiliser les derniers en-têtes modifiés

Les requêtes conditionnelles effectuées par le biais de Last-Modified en-tête sont prises en charge par la servlet d’image adaptative, mais la mise en cache de l’en-tête Last-Modified doit être activée dans Dispatcher.

L’exemple de configuration de Dispatcher d’AEM Project Archetype contient déjà cette configuration.

Sur cette page