Separate Banner Image Blurry - Dawn Theme

Store Design
, ,
1

Hello,

I’ve managed to get two separate images for the main banner on desktop and mobile, however, the desktop banner appears slightly blurry. If someone could help me fix this that would be much appreciated!

2

Hi @corpwpn

You can go to your Online store > Themes > Edit code, open image-banner.liquid file, find this line of code

assign widths = '375, 550, 750, 1100, 1500, 1780, 2000, 3000, 3840'

And check to this

assign widths = '375, 550, 750, 3000, 3000, 3000, 2000, 3000, 3840'

Save your file, reload your page and check again.

1 Like
3

Hi Dan,

Thanks so much for responding. I’ve tried the above code but it does not appear to fix the problem. If you have any other suggestions that would be greatly appreciated. Thanks!

4

Hi Charles,

The problem has been identified and fixed. Thanks anyway for your response!

5

Make sure you check your own image in desktop, is it hight quality image?

6

Hi Dan,

Apologies for wasting your time, I just realized the image was not exported in the quality I intended so your solution did indeed work. Thanks for the help!

1 Like
7

Yes, it is solved. No longer needing help, but thank you for the reply.

8

You are very welcome, @corpwpn

1 Like
9

This helped out a lot, but still there is a difference between the original banner and the updated one, it has improved a lot from before but still the quality is not at it highest, and yes i am using a high quality image, and working on a copy of my theme in which i have added this feature to test out the 2 image code that works for mobile viewers, and both banners still have a minor difference in quality
Please help