Separate Banner Image Blurry - Dawn Theme

[corpwpn]

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!

[Dan-From-Ryviu · Accepted solution]

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.

[corpwpn]

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!

[Dan-From-Ryviu]

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

[corpwpn]

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!

[Dan-From-Ryviu]

You are very welcome, @corpwpn 

[Occultclothing]

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 

[corpwpn]

Hi Charles, 

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

[corpwpn]

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