Why do my Dawn Theme images look blurry even in high resolution?

Store Design
1

Hi. All my uploaded image become blurry or reduce in quality. I use 1920x1080 but the results is still blurry. How to make my images look high quality and not reduced in web and mobile version? Any help would be appreciated.

My website: www.forhimclinic.com

Password: drsamhan

Image in website
Image in website1920×895 161 KB

Image in Website

Original Image
Original Image1920×1080 57.4 KB

Original Image

2

Go to your theme’s code editor and open the Sections > image-banner.liquid file. At around line 48 you should find something like this:

 {{ section.settings.image | image_url: width: 1500 | image_tag:
loading: 'lazy',
width: section.settings.image.width,
height: image_height,
class: image_class,
sizes: sizes,
widths: '375, 550, 750, 1100, 1500, 1780, 2000, 3000, 3840',
alt: section.settings.image.alt | escape
}}

Try changing the width value in the first line to match your image’s width. In this case, the whole line should look like this:

 {{ section.settings.image | image_url: width: 1920 | image_tag:
3

Hmm, that doesn’t work in my case. Or should I reupload the image after make changes to image-banner.liquid?

4

I see. If the client agree to give me more time then yes. But it seems I need to stick to dawn theme for the moment.