Servlet de imagen adaptable

Última actualización: 2023-11-03
  • Creado para:
  • Developer
    Admin
    User

Descubra cómo los componentes principales utilizan el servlet de imagen adaptable para la entrega de imágenes y cómo puede optimizarlo.

Servlet de imagen adaptable o envío de imágenes optimizadas para la web?

El componente principal de imagen puede utilizar dos métodos para enviar imágenes.

Este documento describe el servlet de imagen adaptable predeterminado.

Información general

De forma predeterminada, el componente de imagen utiliza el servlet de imagen adaptable del componente principal para ofrecer imágenes. El servlet de imagen adaptable es responsable del procesamiento y la transmisión de imágenes y los desarrolladores pueden aprovecharlo en sus personalizaciones de los componentes principales.

Selección de representaciones

El servlet de imagen adaptable seleccionará automáticamente la representación más adecuada para mostrar en función del tamaño del contenedor en el que se muestra. El proceso de selección de la representación es el siguiente.

  1. El servlet de imagen adaptable revisa todas las representaciones disponibles del recurso de imagen.
  2. Solo selecciona las que tienen el mismo MIME/tipo del recurso al que se hace referencia original.
    • Por ejemplo, si el recurso original era un PNG, solo tendrá en cuenta las representaciones PNG.
  3. De esas representaciones, considera las dimensiones y las compara con el tamaño del contenedor en el que se debe mostrar la imagen.
    1. Si la representación es >= el tamaño del contenedor, se añade a una lista de candidatas.
    2. Si la representación es < el tamaño del contenedor, no se tiene en cuenta.
    3. Estos criterios garantizan que la representación no se amplíe, lo que afectaría a la calidad de la imagen.
  4. A continuación, el servlet de imagen adaptable selecciona la representación con el tamaño de archivo más pequeño de la lista de candidatas.

Optimización de la selección de representaciones

Adaptive Image Servlet intentará elegir la mejor representación para el tamaño y tipo de imagen solicitado. Se recomienda que las representaciones DAM y los anchos permitidos de los componentes de imagen se definan de forma sincronizada, de modo que Adaptive Image Servlet realice el menor procesamiento posible.

Esto mejorará el rendimiento y evitará que la biblioteca de procesamiento de imágenes subyacente no procese correctamente algunas imágenes.

Uso de encabezados de última modificación

Las solicitudes condicionales a través del encabezado Last-Modified son compatibles con el servlet de imagen adaptable, pero el almacenamiento en caché del encabezado Last-Modified debe habilitarse en Dispatcher.

La configuración de Dispatcher de ejemplo del tipo de archivo del proyecto de AEM ya contiene esta configuración.

En esta página