Need clarification on dynamic media rending images | Community
Skip to main content
P
pharidoss
Level 2
June 16, 2022

Need clarification on dynamic media rending images

  • June 16, 2022
  • 1 reply
  • 2009 views

Env: AEMaaCS

 

We created an image profile to render responsive images for different touch points (desktop, tablet, mobile), the images are rendering from S7 as expected but my questions are

 

1. The image profile transition from mobile to tablet to desktop happens based on image container width instead of the screen width in the page. My understanding is that the profiles should be/are created according to the breakpoints setup for the screen. Since the image profile transition happens at the image container level I am finding it difficult to grasp the concept 

2. The image profile transition works differently for core Image component with DM enabled vs Dynamic Media component. In core Image component it takes into consideration of device pixel ratio (dpr) by default vs in dynamic media component it is a checkbox selection by the author. Is there an option to disable dpr for core image component without overriding it. I am not sure how important it is but it is one of the factors considered during the image transitioning though

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

1 reply

V
Adobe Employee
vikram1285Adobe Employee
Adobe Employee
June 23, 2022

Hi,

Welcome to Adobe Experience League Community !!

Are these questions about Smart Imaging on Dynamic Media configured AEM instance (runmode=dynamicmedia_scene7)?

 

If yes, for #2, as fas as I know, "dpr" option was given to control the device pixel ratio only for DM components.

Disabling "dpr" option might require customization to override it on core Image component .

#1 might require additional information with screen capture or a recorded video to elaborate the exact behaviour

 

Thanks,

Vikram Gaur

    P
    pharidossAuthor
    Level 2
    June 29, 2022

    Hi Vikram,

     

    I have attached some screenshots to explain the behavior for point #1. As you can see in the Image profile medium crop is set at 700px but when i inspect the element in the page, the image transition happens from Medium at Large at the container width and not at the screen width. Hope that helps with the explanation, otherwise let me know 

      P
      pharidossAuthor
      Level 2
      July 5, 2022

      Hi

      Thank you for uploading those screen captures.

      Have you tried enabling "Enable aspect ratio match" on that DM component?

      Regards,

      Vikram Gaur


      Yes no difference. I am not sure if it has anything to do with Image transition at the container level vs screen level

        Terms & ConditionsAccessibility statement

        Loading footer...