HELP My Banner Image is Blurry!

Store Design
, , , , ,
1

My shopify banner is 74 dpi, within the dimension size and a JPEG but looks blurry on phone and laptop (but not blurry on another laptop).

Please help - this is driving me up the wall!!!

achillea.store

password winterwellness

2

I have viewed the website a million times on my laptop but it now is coming up as blurry - is it something in the code?

3

It hasn’t made much difference.

Can you advise the specific resoltution, size and type of image I should be exporting from photoshop please?

Thank you in advance

4

Hi @becksringzzz123 ,

I tested and it shows fine on my device

Screenshot.png
Screenshot.png2834×1376 899 KB

However you can fix it with the following instructions, please go to Actions > Edit code > sections > image-banner.liquid file, and change code here:

Screenshot.png
Screenshot.png1892×1272 312 KB

Code:

{{
        section.settings.image
        | image_url: width: section.settings.image.width,
        | image_tag:
          width: section.settings.image.width,
          height: image_height,
          class: image_class,
          fetchpriority: fetch_priority
      }}

I hope it helps!