Improving Banner Image Quality | Sense Theme

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!

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

1 Like

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 :sob: Any other tips or solutions would be greatly appreciated!

Thank you again for your help! :green_heart: