A mistake we all have to learn from is uploading images to the web in the wrong colour space. I was doing this a few years back and couldn’t figure out why there was such a large colour shift between Photoshop and what was viewable on the web (including my website and Flickr). So what was going on? Well the standard colour space supported by all web browsers (Internet Explorer, Safari, Google Chrome, Firefox) is sRGB. Uploading a colour space other than sRGB and colours cannot be guaranteed. This seems to be less of an issue as newer browsers support larger colour spaces however until your visitors update their browsers this will be an ongoing issue. Believe me, look at your websites Analytic’s and you will see that most visitors to your site are using old web browsers. To see exactly how bad the colour shift is I’ve uploaded the same image in three different colour space’s, sRGB, Adobe98 and ProPhoto. If the first row of images are all different in colour you need to upgrade your web browser!! With older browsers if you are viewing images that have not been converted to sRGB you are not getting a true reflection of the colours. In fact they probably look nasty.
I suggest trying Google Chrome. It displays colour space correctly and also renders my website the best…it looks awesome, go see 🙂
Three Colour spaces as viewed by your current web browser (they should be the same regardless of colour space)
Three Colour spaces as view by Internet Explorer 8 – note the colour shift between all three colour spaces, only sRGB is correct.
So photographers take note, before saving your images and uploading them to the web be sure you are using the correct colour space. Here’s a video on how to change colour space in Adobe Photoshop and Adobe Lightroom.