Collection Pictures are showing up in low resolution on Mobile

On mobile, the product pics on collection page show up in lower resolution but are much better on their individual product page. Any reasons why? and how can it be fixed?

e.g you can try and visit these 2 pages:

A Collection Page with unclear product pics: https://www.niya-k.com/collections/bespoke

Individual product page which is also shown on the Collection page as well:

https://www.niya-k.com/collections/bespoke/products/nk1133

@Ammar9

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?

I’ve had this problem before too!

@jessica0318

did you fix?

It’s occurring on all mobile browser view. Pc and tablet versions are fine, only have problems on mobile.

1 Like

@Ammar9

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

The site url is Niya-k.com

But you can check out specific pages to see the problem quicker:

A Collection Page with unclear product pics: https://www.niya-k.com/collections/bespoke

Individual product page which is also shown on the Collection page as well:

https://www.niya-k.com/collections/bespoke/products/nk1133

@Ammar9

can you please share issue images also?

Catalogue Page Picture Quality (blurred/not clear):

VS

Inner product page same picture quality (much clearer):

The difference in clarity is more obvious on actual mobile phones than here because the pic sizes have been compressed.