Blurry image issue on mobile when EDS resizes it

[Ruchika4]

Hi All,

We've received feedback from authors about images becoming blurry in mobile view. This most likely happens because EDS (Franklin) by default renders all images with the following widths for different breakpoints:

2000px for screens larger than 600px (desktop)
750px for screens smaller than 600px (mobile)

I've advised the authors to contact the studio for a higher-quality image that doesn't get blurry. However, I wanted to check if this issue has been encountered before. I believe we could explore resizing the image in the Milo code, but that might not be the most ideal solution. It could also be challenging to find a width that works well for all images provided by the studio. I'd appreciate your thoughts on this. Thanks!

Jira ticket for reference: https://jira.corp.adobe.com/browse/DOTCOM-147277

[mokimo]

@narcis-radu you had a lot of experience and discussions around this, right? I remember we had steps on how to address this from an authoring perspective

[narcis-radu]

Hey @Ruchika4 ! We have encountered this issue before and so far the problem was inappropriate usage of assets. We are working to update the guidelines and get in touch with design to make sure they provide the correct assets that GWP can use to render crisp images.
I have provided comments in the JIRA ticket already, I wasn't able to reproduce the issue mentioned.