How can I improve the quality of image banners on an ecommerce site?

massmonster
Shopify Partner
13 0 4

Hello folks,

 

have been working on a store for a client for a while now, have just realized the image banners that we are using for the descriptions are compressed into oblivion, takes the professional look and throws it in the bin.

im using image banner sections to showcase product information as infographics, however, the quality is terrible. the files are high quality but as soon as it gets into shopify it becomes blurry and messy.

any tips

URL: https://crystalpump.com/products/crystal-pump

Replies 4 (4)

StephensWorld
Shopify Expert
1327 155 325

I think the issue is the aspect ratio of the image. If you crop the white space at the top and bottom, and then reupload, it should look better. 

 

Try using this version, which I've edited for you: https://ibb.co/3fX4S03 

 

INFOWEB_edited.jpg

★ Did my post help? If yes, then please like and accept solution. ★

https://stephens.world
support@stephensworld.ca

massmonster
Shopify Partner
13 0 4

Thank you, That seems to have helped the desktop version but i am more concerned about the mobile version.
I have CSS that allows for a different size image on desktop and mobile.

i will attach a screenshot from mobile view

https://ibb.co/CMYvvm8

massmonster
Shopify Partner
13 0 4

anyone able to help?

 

StephensWorld
Shopify Expert
1327 155 325

You need to use a better quality image. This isn't a coding issue, it's an image issue. 

★ Did my post help? If yes, then please like and accept solution. ★

https://stephens.world
support@stephensworld.ca