Configuración del comportamiento de imágenes inteligentes y DPR en AEMaaCS con Dynamic Media

Las funciones de imágenes inteligentes, como la conversión de formato de explorador (BFC), la optimización del ancho de banda de la red y la optimización de la proporción de píxeles de dispositivo (DPR) en Adobe Experience Manager as a Cloud Service (AEMaaCS) con Dynamic Media pueden resultar confusas de configurar y comprender. Este artículo explica cómo funcionan estas funciones, cómo afectan a la entrega de imágenes y qué considerar para una configuración correcta al utilizar los componentes principales.

Descripción description

Entorno

  • Producto: Adobe Experience Manager as a Cloud Service - Assets (Dynamic Media)
  • Restricciones: uso del componente principal de la imagen V3 con integración de Dynamic Media

Problema/Síntomas

  • Al habilitar Imágenes inteligentes en el nivel de cuenta de Dynamic Media, no se aplica automáticamente la optimización de la DPR a las imágenes procesadas por el componente principal de la imagen V3.
  • El parámetro dpr=off se anexa a las direcciones URL de imagen de Scene7 cuando no se han configurado varios anchos en la directiva de componentes o cuando smartCrop no está habilitado.
  • Si no se configura correctamente, las imágenes aparecen con menor calidad o menos nítidas en pantallas de alto PPP/Retina.
  • La configuración de dpr=on o el paso de valores de DPR a través de modificadores de imagen no anula este comportamiento debido a la lógica del componente.

Resolución resolution

Para solucionar este problema, siga estos pasos:

  1. Habilite Imágenes inteligentes en el nivel de empresa o cuenta de Dynamic Media para su entorno (fase o producción).

  2. Abra la plantilla o página que utiliza el componente principal de la imagen V3 con Dynamic Media habilitado.

  3. Edite la directiva para el componente principal de la imagen V3 utilizado en la plantilla o página.

  4. Configure varios anchos para las imágenes adaptables en la directiva de componentes.

  5. Guarde y aplique la directiva actualizada.

  6. Volver a publicar las páginas afectadas para que los cambios surtan efecto.

  7. Pruebe el procesamiento de imágenes en dispositivos DPI estándar y de alta presión (Retina):

    • En pantallas de ppp estándar, dpr=off aparece en direcciones URL de imagen por diseño para evitar imágenes grandes.
    • En pantallas de alta resolución, las imágenes de mayor resolución se proporcionan cuando se configuran varios anchos.
  8. Utilice el componente Dynamic Media específico en lugar de la imagen V3 si necesita una mejor calidad de imagen sin modificadores manuales.

  9. Confirme que las imágenes son nítidas en pantallas de alta resolución y que se cargan eficazmente en pantallas estándar.

Notas

  • La adición de dpr=off de forma predeterminada evita imágenes innecesariamente grandes en pantallas que no son de Retina. No es un defecto del producto, sino una protección de la optimización.
  • La fuerza del DPR mediante modificadores de URL o ajustes preestablecidos no anula esta protección en la imagen V3. En su lugar, utilice varios anchos en las directivas.
  • No se requieren cambios de URL del lado de la aplicación después de habilitar la optimización del RGPD a nivel de cuenta. La lógica del lado del cliente se puede seguir utilizando para escenarios avanzados si es necesario.
  • La conversión de formato de imágenes inteligentes (por ejemplo, WebP o AVIF) está habilitada de forma predeterminada cuando Imágenes inteligentes está activa en el nivel de cuenta. Solo se aplica cuando reduce el tamaño del archivo sin afectar a la calidad.

Lectura relacionada

recommendation-more-help
3d58f420-19b5-47a0-a122-5c9dab55ec7f