Shopify themes, liquid, logos, and UX
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
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
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.
We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024