Adaptive Image Servlet

Scopri in che modo i componenti core sfruttano Adaptive Image Servlet per la consegna delle immagini e come ottimizzarne l’utilizzo.

Adaptive Image Servlet oppure consegna di immagini ottimizzate per il web?

Il componente core Immagine può utilizzare due metodi per la consegna delle immagini.

• Adaptive Image Servlet è il metodo predefinito.
• La consegna di immagini ottimizzate per il web è disponibile per AEMaaCS e riduce la dimensione del download del 25% in media.

Questo documento descrive il metodo predefinito, Adaptive Image Servlet.

Panoramica

Per impostazione predefinita, il componente Immagine utilizza Adaptive Image Servlet del componente core per consegnare le immagini. Adaptive Image Servlet è responsabile dell’elaborazione e dello streaming delle immagini e può essere utilizzato dagli sviluppatori nelle personalizzazioni dei componenti core.

Selezione della rappresentazione

Adaptive Image Servlet selezionerà automaticamente la rappresentazione più appropriata da visualizzare in base alle dimensioni del contenitore in cui viene visualizzata. Il processo di selezione della rappresentazione è il seguente.

1. Adaptive Image Servlet rivede tutte le rappresentazioni disponibili della risorsa immagine.
2. Seleziona solo quelle con lo stesso mime/tipo della risorsa di riferimento originale.
   • Ad esempio, se la risorsa originale era un file PNG, considererà solo le rappresentazioni PNG.
3. Di quelle rappresentazioni considera le dimensioni e le confronta con le dimensioni del contenitore in cui deve essere visualizzata l’immagine.
   1. Se la rappresentazione è >= alla dimensione del contenitore, viene aggiunta a un elenco di rappresentazioni candidate.
   2. Se la rappresentazione è < alla dimensione del contenitore, viene ignorata.
   3. Questi criteri garantiscono che la rappresentazione non subisca un processo di upscaling, con un conseguente impatto sulla qualità delle immagini.
4. Adaptive Image Servlet seleziona quindi la rappresentazione con le dimensioni di file più piccole dall’elenco delle candidate.

Ottimizzazione della selezione della rappresentazione

Il servlet per immagini adattive cercherà di scegliere la rappresentazione migliore per le dimensioni e il tipo di immagine richiesti. Si consiglia di definire in sincronia le rappresentazioni DAM e le larghezze consentite del componente Immagine, in modo che il servlet per immagini adattive possa eseguire la minor quantità di elaborazione possibile.

Ciò migliora le prestazioni ed evita che alcune immagini non vengano elaborate correttamente dalla libreria di elaborazione delle immagini sottostante.

Utilizzo delle ultime intestazioni modificate

Le richieste condizionali tramite l’intestazione Last-Modified sono supportate dall’Adaptive Image Servlet, ma il caching dell’intestazione Last-Modified deve essere abilitato in Dispatcher.

L’esempio di configurazione di Dispatcher in Archetipo progetto AEM già include questa configurazione.