Skip to main content
kbitra1998
Level 4
May 24, 2023 9:59 AM UTC

Smart Crop Auto rendition is not working as expected when DPR value is higher (>=1)

Hi,

 

In the image component, we enabled dynamic media. When we select SmartCrop and Auto rendition, the image (V3) uses the srcset. When DPR=1, images are rendered according to image profiles and work as expected; when DPR>1, the srcset attempts to render high resolution images, causing issues such as the iPhone 12 Pro mobile device attempting to render a tablet responsive image. I have attached the screenshots below for your reference. Please refer the below blog as well.

https://livefiredev.com/srcset-not-working-getting-wrong-images/

 

DPR = 1 (Mobile Image is rendering as expected)

 

Iphone 12 pro (Since DPR=3, the browser wants to render the Tablet image instead of Mobile)

 

 

3 replies

Shashi_Mulugu
Community Advisor and User Group Leader
Shashi_MuluguCommunity Advisor and User Group Leader
Community Advisor and User Group Leader
May 24, 2023 10:09 AM UTC

@kbitra1998 how are you saying it's loading tablet image, in both of your screenshots i see that in img tag src attribute I see mobile rendition image.. please confirm.

Translate
    kbitra1998Author
    Level 4
    May 24, 2023 2:19 PM UTC

    @shashi_mulugu , The image is being rendered from the srcset rather than the src. When I hover over the img tag, it usually shows the rendered size and the aspect ratio of the image matches the Tablet mode rather than the Mobile mode as per our image profiles.

    Translate
      Mahabub_AliMo
      Jan 31, 2025 1:56 PM UTC

      Did you find anything, I'm facing same.

      Translate
      Terms & ConditionsAccessibility statement

      Loading footer...