Colour Management in your web browser – Test Images
Colour Management in your web browser – Test Images
Images with different ICC profiles
No more Google ads. Too many deceptive and irritating adverts.
Any ad links left are non tracking, to companies we know, trust and we've worked with for years [Park Cameras]
Ads helped pay for site running costs, so if you found something useful, please
...Make small KoFi donation?
...Subscribe to Keith's YouTube Channel
...Get Keith's book about how to use tilt/shift lenses
Our site contains affiliate links - these help support the site. See our Advertising policies for more
This page contains a number of test images saved with different icc profiles and settings.
As you will see, most browsers take no notice of colour settings or profiles.
Not for nothing is colour mangement on the web known as ‘Colour Manglement’.
Web Colour Management
Keith has written an article covering this and many more aspects of using photos on the web.
The example image (©Photodisc Inc.) is the PDI freeware test image (license details-PDF)
There is a link to all the various colour management information on this site at the end of this page.
The first examples below, show the result of saving a file with its correct profile.
In this case the files were converted in Photoshop and saved as jpegs with the ’embed color profile’ option ticked.
 |
 |
 |
| Saved in Adobe98 with ICC profile | Saved in sRGB with ICC profile | Saved in ColorMatch RGB with ICC profile |
If colour mangement is working in your browser then all three images should look the same
The two examples below show what happens if you do not attach the profiles
 |
 |
| Adobe98 image saved without ICC | sRGB image saved without ICC |
Note that they are technically no longer colour managed, but we ‘know’ what they should be. Unfortunately the browser doesn’t know this and will make its own choices.
The examples below show what happens when you take a file in Adobe98 and just assign a profile to it. One has the (wrong) sRGB profile attached, while the other does not.
 |
 |
| Adobe98 fileAssigned a sRGB profile | Adobe98 fileAssigned sRGB, but saved w/o profile |
Once again, the version without a profile is just shown as whatever the browser chooses, whilst the first one (with the wrong profile) will be shown honouring the profile in some browsers, but since we’ve used the wrong profile, it still shouldn’t look right.
Safari (1.2 and above) and IE5 on the Mac seem to get it right. I’m not aware of any PC browsers that do, but please do let me know if you are using one that works (all three images in the first set should look the same)
June 2008
PC users now have the availability of Safari (from Apple) or Firefox 3, both of which support colour management. Unfortunately Firefox 3 currently needs colour management enabling – see this article for instructions and download links.
There is also the problem of how untagged images are handled, which also seems pretty much a random choice of the browser writers.
And if you are someone who uses a big space like ProPhoto, be very careful with images that end up on the web.
 |
 |
 |
| Image in ProPhoto with ICC profile | Image in ProPhoto without profile | Image converted to sRGB without profile |
Note the distinct hue shift in the man’s shirt – this would happen to nice blue skies.
If you want to see whether your browser also supports the newer V4 icc profiles then try the test at http://www.color.org/version4html.html
[contentblock id=30 img=gcb.png]
Adverts removed