AEM Dynamic Media: Conservar la proporción de aspecto al cambiar el tamaño de las imágenes
En este artículo se explica cómo asegurarse de que la entrega de imágenes de Dynamic Media de Adobe Experience Manager conserva la relación de aspecto original al cambiar el tamaño de las imágenes mediante parámetros de anchura y altura.
Descripción description
Entorno
Adobe Experience Manager Dynamic Media (todas las versiones)
Síntomas
Al enviar imágenes a través del punto de conexión de Dynamic Media OpenAPI y especificar width y height parámetros de consulta, la imagen devuelta no conserva la proporción de aspecto original. En su lugar, la imagen de salida se fuerza en un cuadrado o utiliza la dimensión más pequeña tanto para la anchura como para la altura, lo que da como resultado un tamaño inesperado. Esto ocurre incluso cuando las dimensiones originales del recurso no son cuadradas.
Ejemplo:
- Dimensiones originales del recurso: 2336 × 2400 (imagen/webp)
- Solicitudes y resultados observados:
?width=1000→ 1000 × 1000?height=1000→ 1000 × 1000?width=1000&height=500→ 500 × 500?width=1500&height=500→ 500 × 500
Comportamiento esperado: Se debe cambiar el tamaño de la imagen para que se ajuste al cuadro delimitador solicitado y, al mismo tiempo, mantener la relación de aspecto original (por ejemplo: 2336 × 2400 escalados proporcionalmente para que se ajusten a 1000 × 500).
Comportamiento observado: La salida de la imagen es cuadrada o no coincide con la relación de aspecto esperada, independientemente de las dimensiones originales.
Referencias:
Resolución resolution
Siga los pasos a continuación para resolver el problema:
-
Revise la dirección URL de entrega de la imagen y asegúrese de especificar los parámetros
widthyheightdeseados. -
Para conservar la proporción de aspecto original y ajustar la imagen dentro del cuadro delimitador solicitado, anexe el parámetro
fit=containa la dirección URL de entrega. -
Pruebe la URL actualizada en un explorador o cliente de API. La imagen devuelta ahora debe ajustarse a las dimensiones especificadas manteniendo al mismo tiempo su relación de aspecto original (por ejemplo: 487 × 500 para una imagen de 2336 × 2400 escalada para ajustarse a 1000 × 500).
-
Consulte la documentación oficial para obtener más información sobre los parámetros admitidos: