Blurry Main Product Image (not blurry when moused over/zoomed)

New Member
1 0 0

Hi team,

Having a Blurry Image issue - see below:


The image on the product page looks blurry but when moused over at full res is beautiful.  It was exported for web in Photoshop at 2048x2048 so I don't think it's a problem with the image itself.

Any ideas how to get the non zoomed product image looking nice and crisp and not blurred?  Thanks! :)

Shopify Partner
883 119 156

Hello, @JonH 
1. Go to Online Store->Theme->Edit code
2. Template ->/product-template.liquid->paste bellow code in the bottom of the file
your cure image size is = {{ product | img_url: '600x' }} to change {{ product | img_url: 'master' }}
It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on regarding any help
Shopify Expert | Skype :
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing