Hi,
I have recently created a new website, this is I have uploaded images wit size of 2048 x 2048, but the images on the product pages are super blurry, I feel like when i open the 1 product page then the pictures are okay, but collections/product pages are blurry.
I tried to save the picture to see the dimensions, shopify converted my 300kb 2048 x 2048 to 16kb 823x823 size.
Is there any way to fix this?
My website is www.contrastcraze.com
thanks
1 Like
Hi @famubarik
it seems to be working fine as it should be the image size is populating according to the aspect ratio of the screen however you can change if you want to populate high resolution image by changing it in the liquid code.
Thanks
1 Like
Hi,
I may have found solution and changed the code: sizes="(min-width: {{ settings.page_width }}px) {{ settings.page_width | minus: 130 | divided_by: 1 }}px, (from divided by 4 to 1) maybe that’s why it is now normal.
I will check thoroughly and will provide update. thanks 
1 Like