blurry pictures on wardrobe product page

Store Design
1

Hi,

Received below response to fix issue. Can anyone give me step by step instructions to paste code accordingly please. www.loftrobeshop.com

LOFTROBE_0-1722001896253.png
LOFTROBE_0-1722001896253.png722×245 87 KB

Hi @LOFTROBE

Based on your theme code its The sizes attribute you’re using doesn’t account for larger screens or high-DPI displays. It caps at 405px for screens wider than 1000px, which might be causing the distortion of images.

Please consider changing the image sizes attribute to the following.

sizes="(min-width: 1200px) 50vw, (min-width: 750px) 50vw, 100vw"

Copied!

Thank you.

2

Hello @LOFTROBE . I see that the images you uploaded are low resolution and they are quite small. so when you zoom in they become blurry.
The css code won’t help you. The problem is the low resolution of the images themselves.
You can see here as an example
https://loftrobeshop.com/cdn/shop/files/loftrobe-motorised-wardrobe-lift_4.jpg?v=1720300766&width=493

3

Ok, but how do i fix this. Do I resize images or something. I have tried everything but can not fix problem.

4

Try uploading a larger, higher resolution image to shopify.