Hey, I am using the Dawn theme. I would like to make my product collections image bigger without reducing the quality of the image on larger screens. So far it looks good on mobile view but when I view it on bigger screens the image quality looks worse.
Here’s a picture of what I see on my PC:
The image looks a bit blurry than that on my mobile screen. I would like to fix this.
The website link is: https://carebes.us/
Hello,
Go to edit theme > Find file name card-product > edit media sizes [increase values to 100]
For example - replace 360 to 460 and so on.
Let me know if any.
Thank you
Hello I changed all the values and added +100 to them but nothing really changed the image still looks a bit blurry on full-screen desktop
May I please have screenshot? Just wanna make sure you’ve edited proper values. Frontend still shows same images as before.
I am not sure what you’ve changed recently but it still showing the same image sizes on frontend may be due to sizes parameter.
Try this - replace whole the image tag with below image tag code.
<img
srcset=“{{ card_product.featured_media | image_url: width: 265 }} 165w,
{{ card_product.featured_media | image_url: width: 460 }} 360w,
{{ card_product.featured_media | image_url: width: 633 }} 533w,
{{ card_product.featured_media | image_url: width: 820 }} 720w,
{{ card_product.featured_media | image_url: width: 1000 }} 940w,
{{ card_product.featured_media | image_url: width: 1500 }} 1066w,
{{ card_product.featured_media.width }}w”
src=“{{ card_product.featured_media | image_url: width: 533 }}”
alt=“{{ card_product.featured_media.alt | escape }}”
class=“motion-reduce”
{% unless lazy_load == false %}loading=“lazy”{% endunless %}
width=“{{ card_product.featured_media.width }}”
height=“{{ card_product.featured_media.height }}”
when i tried this, the first image doesn’t load anymore but the second image loads on hover
Ohh, You have changed the wrong numbers. Revert to original there should be 2 image tags. You have to change only width of image url. check below attachment.
Also remove sizes attribute from image.
Hope that work.
Let me know.
OHH it works now thanks very much!
Thank god 
Let me know if there’s any.
