How to fix low res collection page images?

[DaveyAlcatraz]

Hi everyone

I am currently using the Bullet theme and I've read 5+ community discussions with various solutions to resolve the issue of having a blurry collection image despite the graphic being hi-res. As you can see below my collection image is appearing blurry. All previous solutions involved "card-product.liquid" but within my theme I can only find "t-product.liquid" and fear making the recommended changes could result in any number of issues that are outside of my depth.

Can someone please help me fix this?

[Dan-From-Ryviu]

Hi @DaveyAlcatraz 

Could you share your store link?

[DaveyAlcatraz]

https://alcatrazgear.com/collections/products

[Dan-From-Ryviu · Accepted solution]

Your original image dimension is 1200x200 px, which is smaller than the display screen. So, I recommend that you increase the quality and size of your image first. 

[DaveyAlcatraz]

I see, I had it at 1200x500 but it was really big on my screen when I look it up, and it's really blurry too. I'll do that now, but besides that how can I improve it?

[Dan-From-Ryviu]

I recommend you increase the width of your image, too. 

[DaveyAlcatraz]

Okay, that's done. So now how can I make sure the image isn't blurry 🙂