High quality photos once loaded to shopify appear differently

Tourist
8 0 3

Hi Lixon,

With the monosnap links where you can compare the difference between the original high quality images on my website with the poor quality image size filter images: How am I able to fix this to remove the image size filter that was applied by the theme? 

The images in high quality look great, that's exactly how i want them to look. Do i need to fix something in the coding? Please help!

Thanks so much,

Tara

0 Likes
Shopify Partner
1 0 1

This is the worst part of Shopify if you ask me. As a web developer, I've spent a long time optimizing my images just the way I want, only to find that they are RECOMPRESSED when I upload them to Shopify. Not impressed!!! My clients' photos look like crap now! Please, at least make image compression optiona!!

1 Like
New Member
1 0 1

Same here, I didn't notice it at first and it seems to be getting worse. This is practically embarassing, here's a before and after shot of one we put up today. There should definitely be an option to turn off or adjust the compression for those of us who know what we're doing.

1 Like
Shopify Partner
152 0 16

Hi @Tara,

I'm looking at your store and images look perfect on my screen. Please share what you did. 

Thanks!

★ Shopify Customer/Order Auto Tag App → 99rabbits.com ★
0 Likes
New Member
1 0 1

Hi Tara @Tara_Sargent ,

Did you ever find a solution to this problem? I've had the same issue for 2 years and never seem to get reasonable support from Shopify on how to deal with it. Especially in our blogs, all of our high quality images are embarrassingly blurry. Thanks

1 Like
New Member
1 0 0

I'm glad I found this forum - I must have spent days trying to fix this relatively simple highres/low res issue but to no avail. It may seem like an unimportant detail - but it is embarrassing to brands that want to present a professional look and feel.  SHOPIFY please work with the customers on this problem - it seems that it was never resolved after a number of years. WHY??

0 Likes
Highlighted
Astronaut
761 78 151

I have definitely noticed the lack of quality. Very easy to notice on any text you include in an image, but that's easily remedied by placing your text in html instead, which is better practice anyway. But I can understand for those who don't have web developers to work with. For myself as a developer, having the option to add any image size you want to a picture on the CDN trumps any issues I have with the slightly lower quality of the images. This saves a lot of time from having to save out many different images which require just as many different links to reference. For instance we design our webpage for double resolution screens so instead of having to save out a picture for 2x res and normal res, we only need one picture and one path to the image with the "_1920x" before the file extension. This saves a lot of time. Also, I don't notice the issue much at all on mobile which is where a 80% our traffic comes from. 

 

I recommend placing text and SVG Logos with HTML over your images if you can. 

If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes