A user reports blurry product images on collection pages after uploading 2048x2048px images to their Shopify store using Dawn Theme 12.0.0. Individual product pages display correctly, but collection page thumbnails appear degraded.
Technical Details:
Proposed Solution:
The original poster found a potential fix by modifying the Liquid code, specifically changing the image sizing calculation from divided_by: 8 to divided_by: 4. This adjustment appears to have normalized the image display.
Status: The user plans to test thoroughly and provide updates on whether this code modification resolves the blurriness issue. A community expert confirmed that image resolution can be adjusted through Liquid code changes if higher quality is needed.
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
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
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 
