Blurry thumbnails on my product collection page

Store Design
, , , ,

Topic summary

A user is experiencing pixelated and blurry product thumbnail images on their homepage collection page using Shopify’s Dawn theme. The images display correctly and crisply on individual product pages, indicating the issue is specific to the collection page rendering.

Attempted Solutions:

  • User has tried implementing fixes from similar reported cases without success

Current Status:

  • A developer has confirmed the images appear fine on product pages but are blurry on the collection page
  • The issue requires examining the collection page code specifically
  • The user lacks coding proficiency and has requested guidance
  • Developer has asked for store access credentials to investigate and implement a fix

The discussion remains open, awaiting store access to diagnose the CSS or theme configuration causing the thumbnail compression/scaling issue.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.
1

Hi all,

I know many have had similar issues with blurry thumbnail images on the Dawn theme, and I have tried to copy some of the solutions to no avail.

The product images are pixelated and blurry on my home page which is a product collection. Once I click on the product, the images are crisp as I uploaded them.

Shop – madmadeit print shop

Example images down below. Can anyone identify the issue?

Thanks,
Maddie

Screenshot 2024-10-10 170351.png
Screenshot 2024-10-10 170351.png1480×946 242 KB

Screenshot 2024-10-10 170334.png
Screenshot 2024-10-10 170334.png1268×843 143 KB

1 Like
2

Hello @madmadeit
The image looks fine on the product page, but it appears blurry on the collection page. We need to check the code for the collection page.

3

Hi Devcoders,

Thanks for your reply. I’m not proficient in any coding language so I would appreciate any advice you have!

Thanks,

Maddie

1 Like
4

Hello @madmadeit

Please share the store access with me, so I can check and update you.