Expand my Community achievements bar.

Guidelines for the Responsible Use of Generative AI in the Experience Cloud Community.

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

Avatar

Level 4

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)

kbitra1998_0-1684922059316.png

 

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

 

kbitra1998_1-1684922296938.png

 

2 Replies

Avatar

Community Advisor

@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.

Avatar

Level 4

@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.