Blurry Product Images on Habitat Homepage - Potential Code Issue

Store Design
1

Hi everyone,

I’m encountering an issue with my Shopify store with the Habitat theme. The product images on my homepage appear slightly blurry, even though they are high-resolution and look sharp on other pages of the site.

It seems like this may be a code issue, as the images look fine when viewed individually but are being displayed in a lower quality on the homepage. I’ve checked image sizes and tried uploading new versions at the exact pixels they ask for, but the issue persists.

Has anyone experienced this before or have suggestions for fixing this? Any guidance would be greatly appreciated!

Thanks in advance

2

Hi @Keepingleft

Could you share the link to your homepage?

3
4

Hi @Keepingleft

The code automatically resizes the image based on the theme’s screen, which caused the issue. You can solve it by editing the theme’s code.

Screenshot 2025-03-28 at 14.36.35.png
Screenshot 2025-03-28 at 14.36.35.png3192×2164 1.05 MB

5

Hi, I’m not good with code, how would I do this?

6

If you dont mind, please share collab request code of your store so I can check and help you.

7

Hi, here is the code ‘7165’ . let me know when youve requested