Dawn theme front page product images blurry

[LisaDeans]

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.

[roseymary]

I can help for that send me your store link

[LisaDeans]

https://carterandmae.com.au/

[anupam1607]

[namphan]

Hi @LisaDeans,

Are you referring to the product card? Please send me the code of the file, and I will check it for you

[LisaDeans]

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

[namphan]

Hi @LisaDeans,

Please send me the code of card-product.liquid file, I will check and guide it

[namphan]

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

[anupam1607]

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.

[LisaDeans]

What is black overflow?

[LisaDeans]

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?

[anupam1607]

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.