HELP My Banner Image is Blurry!

[becksringzzz123]

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

[becksringzzz123]

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?

[becksringzzz123]

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

[namphan]

Hi @becksringzzz123,

I tested and it shows fine on my device

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

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!