Improving Banner Image Quality | Sense Theme

[PawsClaws]

Hello!

https://claws-paws.us/products/wireless-dog-gps-fence-system

I use banner images as infographics on my Shopify store. The images are high-quality, correctly sized, and compressed without losing quality.

However, after uploading the banners to the site, the image quality significantly deteriorates. I've reached out to Shopify support but haven't received a solution to my problem.

What steps should I take to resolve this issue?

Thank you!

[Dan-From-Ryviu]

Hi @PawsClaws 

By changing the code in the image-banner.liquid file, you can prevent Shopify from compressing the image size after uploading.

Go to store admin > Sale channels > Online store > Themes > Edit code >  image-banner.liquid, find this line of code 

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

Replace it with this 

assign widths = '375, 3840, 3840, 3840, 3840, 3840, 3840, 3840, 3840'

Save your file

[PawsClaws]

Thank you for your suggestion!

I tried following your advice, but unfortunately, the image quality did not improve. The banner still appears low-resolution on desktop, despite the adjustments I made 😭 Any other tips or solutions would be greatly appreciated! 

Thank you again for your help! 💚