FROM CACHE - en_header

Shopify's poor display of images.

Yasmin70
Excursionist
33 1 13

Hello,  

I'm still in my 2 week free trial period, but have spent most of it continuously re-editing pictures thinking that something is wrong with my pictures.  Here's the irony, I'm a professional photographer and have spent almost 3 months taking hundreds of professional product images ready for my online shop.  When I first started uploading pictures, I noticed images looked 'washed-out' 'dimmed' 'grainy' and lacking any colour vibrancy at all.  Re-editing images to combat this, just results in images looking exactly the same, but now looking bleached out where trying to combat dimness/dullness.  After wasting several days, and actually doubting my own pictures, I came to the conclusion that the issue is with shopify's platform and general design of templates.  I have a photography website and also done my son's, and images display excellently on both, vibrant, sharp etc.  

 

Of course, shopify cannot make bad pictures good, but being a platform for online commerce, design etc should be done with visuals at their optimum.  It's been a quite depressing free trial.  After realising this is definitely not my images, I searched forums only to find lots of complaints about the way people's images look once uploaded to shopify (noticed all complaints seem to come from those using free templates).

 

Usual response from shopify gurus or other helpers is "colour profile" remove "over-lay" etc, some say shopify downgrading images to save on bandwidth, I dunno, but with that's being said, I've come to the conclusion the overall flaw is in shopify's platform/designing (which may only effect free templates?).  I decided to take a look at some "feedback my store" sites, and all of them have the same washed-out look, you can tell the images are decent images, but the overall look is almost vintage/antique look, all lack vibrancy, sharpness and have a greyish tinge - as if looking at products through a window/clear film.  It's hard to describe, but I have yet to come across a site which doesn't have this issue with images.

 

To the undiscerning eye, most images will be taken at face value by most shoppers, but I don't think that's good enough, or how shopify should think of this issue.  Images are probably the no: 1 selling point for products shops, optimising images to be vibrant, sharp and clear should be a priority, especially in this age of less text more images for online shops.

 

I feel in between a rock and a hard place, as I like shopify for it's potential features, but everytime I upload an images, a slight depression comes over me and I think, is shopify worth it?

 

 

Replies 18 (18)
Qualitycheck
Shopify Expert
1432 114 234

Hi,

 

Can I have your website URL?

 

Ninthony
Shopify Partner
2272 342 952

I agree that the picture quality is lack luster, though not immediately noticeable to a passerby. I'm not exactly sure how shopify does their image compression or why, but I can only assume it's because of the ability to change image sizes on the fly from the image url. You can upload an image to the Settings > Files portion of the admin and copy that cdn url, and right before the extension (.jpg) and add an underscore and dimension (_300x) for the image to scale to. This saves me a hugeeee amount of time having to serve out different image sizes for all my images and will gladly take it over the slight loss in quality. That being said, yes it is a little depressing. Shopify is super diverse and rich in features that make up for it's shortcomings and in my opinion definitely worth it. 

If my solution helped you, please like it and accept it as the solution!
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 😄
Yasmin70
Excursionist
33 1 13

Hi ninthony,

 

Yes, I agree, having weighed up the features, cost & excellent customer services, this shortcoming is greatly out-weighed.  And as I said, and you reiterated, most passers by won't even notice this or be that bothered by it if they do.  I'm coming to the end of my trial and very likely to go onto plan.  It just seems like something an e-commerce platform would make sure is tight from the get-go.  Thanks for your reply, if only to get me to focus on the other features rather than just image quality.  

capesucculents
New Member
1 0 3

I have the exact same problem, its so frustrating!

All my image uploads change into dull, lifeless copies with washed out colours.

I really wish they would do something about it, its effecting my sales as my products

are very colour sensitive.

 

Yasmin70
Excursionist
33 1 13

Hi Capesucculents,  what theme are you using?  I changed my theme from minimal to debut, and debut displays my images great now.  I realised after trying that theme that each theme has its good and not so good parts and some themes do poorly display images.  Before you waste time on re-editing your images, see what they look like in a different theme.  I'm glad I changed as there's nothing more disheartening than crappy looking display images.

Jane_Bartel
New Member
1 0 1

I could not agree with you more and it has nothing to do with being on a free theme. I am using Flex the top premium theme from Out of the Sandbox. I am a jewelry designer and just finished a professional product shoot. My original images look amazing. Now when I add them into my new products the stone colors lose all of their vibrancy. So depressing and also critical to selling jewelry. I risk have a customer return an item saying it looks different or worse never buying it in the first place since it looks dingy. Thank you for saving me the time to not go and try to re-edit my photos to punch them up as it appears this has no effect. Big bummer.

NazNay
Tourist
6 0 4

Hey this solved my color issues completely. 

https://www.lifewire.com/photoshop-save-for-web-tool-tutorial-1697537

Highly recommend you or anyone else checks it out to fix washed out coloring. 

Photoshop's saved for the web tool does a great job of fixing this problem. The key thing to note is that it bypasses Shopify's automated color fixing described here: https://shopify.dev/tutorials/customize-theme-troubleshooting-fix-colors-of-uploaded-images

What that shopify provided breakdown does not detail, which it should, is how to keep your color profiles. The above lifewire.com articles worked wonders. 

Highly recommend it. Good luck all!

bamall75
New Member
1 0 1

I am having the same issue with my online store. I sell upscale furniture and FINE ART that changes the colors and washes them out?? Please help with this fix. I have spent months, hours and even a professional website designer trying to make my site more professional and competitive. This is NOT helping me. - Thank you.

lylascroptops
Tourist
4 0 1

I have the same issue.  The rep I talked to just sent me a link to photo shop (which we don't even use).  The color is unbelievable desaturated.

lylascroptops
Tourist
4 0 1

I have the same issue.  The website for me is sirenas-by-lyla.myshopify.com

Peta
New Member
1 0 1

I am having the exact same problem. As a jewellery designer, colour is pretty important. I post great photos to my Instagram and my earrings look great. Then when I use an image for the website they are so dull and don’t display the colour right at all. 

I really feel like a top platform like this should be able to fix this issue as it’s probably one of the most important. Product images are like the main tool of selling them.. and as a sales platform I hope this is something that will be addressed very soon. Unfortunately I’ve been on shopify for over 4 years now and it’s been like this from the get go! Everything else is great but I really hope this is fixed soon! 

moropman
New Member
1 0 4

Go to your "Theme Settings" tab at the top left of the panel and choose the "Colors" tab at the top. Then scroll down to "Image Overlays" and REDUCE THE OPACITY to 0%.  Wait a few seconds and the color will POP back into your photo!  I believe the opacity is by default at 40% to enable the text to be readable so you will have to adjust to make the text stand out on your photo.

Klove
New Member
2 0 0

Ok so I know you have to remove the color profile...(https://shopify.dev/tutorials/customize-theme-troubleshooting-fix-colors-of-uploaded-images)

BUT...that just makes the image look in Photoshop how it looks on Shopify when you upload anyways (like crap and desaturated)...so do I have to go to all my photos and re-edit ALL of them!?

kmocabee
Shopify Partner
2 0 2

YES! That was totally it. I have been exporting dozens of images to get the banner on the home page to look OK, and they have been really bad no matter what. Changing the opacity to 0 worked and the images look good.  Actually, it seems backwards because 0 would be invisible, and 100 should be totally opaque, but whatever. 

Given the frustration that people have with this, I'm surprised this isn't a full article. 

TickleFlick
New Member
1 0 0

You are a dancer, thanks for the tip. Worked great.

Klove
New Member
2 0 0

I'm trying to do this but I cannot find the option for the images. Why am I having a hard time? Do you have a screenshot?

 

danny1298
New Member
1 0 0

I am sure every site has this issue. You just have to make your settings for the browser you use to be less readable, but make your image look better. Sometimes the problem can be not just on your site, but on your phone. If it is old or it had some issue with the display, believe me, the colors will never be that bright like in the beginning. If all of the above doesn't help, try printing those photos and color them above for a better result (if you need the images for a customer of a project). I find it very relaxing, sometimes I even take coloring pages from funnycoloringpages.com just to take a rest from all that's happening outside, in the modern world.

justdeb
New Member
1 0 0

This fixed the problem I was having!  Thank you!