I have tried to resize my images to 2048 x 2048px at 72dpi. They are a little better but still blurry. It isn’t every image so I’ve tried to imitate the ones that are clear and this doesn’t work. I have also tried to change the code as suggested in other posts along with clicking on it displaying to actual image size. No luck.
I can help for that send me your store link
Hi @LisaDeans ,
Are you referring to the product card? Please send me the code of the file, and I will check it for you
It is some of my images on the main page. If you hover over the kids blue hoodie towel you’ll see what I mean.
carterandmae.com.au
Hey @LisaDeans
You mentioned this image size for the home page banner, right?
If so, I think your image size is still too big. You should try 1920x750 ratio. Regarding the clarity, the image does not look that blurry from my point of view. I noticed that you added black overflow on it, maybe that’s why it seems you are not that clear.
What is black overflow?
I think I see the problem. When I add a landscape image it is blurry but when I crop to portrait it is okay, weird?
I made some CSS correction. And I thing you have to change some img liquid related code.
I found this article, might be helpful for you.
Hi @LisaDeans ,
Please send me the code of card-product.liquid file, I will check and guide it
Hi @LisaDeans ,
Please go to card-product.liquid file and change code here:
change
Code:
card_product.featured_media.width
card_product.media[1].width