Web browser color management test

Published by Fábio Pili on October 5th, 2010. Last updated on May 13th, 2013.
Your web browser is: unknown unknown

Read our browser color management guide for more information.

Does your browser support v2 ICC color profiles?

What do you see above?

Click to select

Does your browser support v4 ICC color profiles?

What do you see above?

Click to select

Additional tests

Monitor color gamut vs. browser handling of untagged elements

This test is designed to show how far your display's color gamut is from sRGB standard and how your browser handles untagged images and page elements.

A common problem for large gamut LCD monitors is that untagged elements are assumed to be on the full monitor gamut, leading to over-saturated colors on those elements. All tests below work only on color managed browsers: Firefox, Safari, and Chrome.

Read our browser color management guide for more information.

How far from sRGB is your display color gamut?



ProPhotoRGB tagged image vs. sRGB tagged image

The more difference you see on the bars, the further your display color gamut is from sRGB standard.

How does your browser interpret untagged images and page elements?


Untagged image vs. sRGB tagged image
Untagged CSS element vs. sRGB tagged image

According to the The World Wide Web Consortium (W3C), all untagged images and page elements should be considered sRGB by the web browser. If your web browser respects this, you should see perfectly seamless vertical bars above.

Comments

Charlie Jones
Jan 1st, 2011 - 21h00

Excellent content, providing much needed and user friendly information regarding the hows/whys and how-to-make-the-best-of the undesirable color rendering that wide-gamut display users will encounter when using various web browser applications.

I thought my new monitor and/or my calibration was messed up - thankfully I came across this website and followed the suggested steps for using Firefox - before wasting a lot of time chasing monitor/calibration non-issues.

Thank you so much for creating and providing such a useful resource for wide-gamut monitor users.

Charlie Jones

Jan 2011

Reply
Will
Aug 26th, 2011 - 17h54

Totally agree with Charlie's comment above. Just got a new PC and loaded up Firefox, having remembered some time from the distant past that it needed attention re colour management. This article is a nice succinct explanation of what to do and how. Excellent.

Reply
Neil B
Apr 12th, 2013 - 06h39

Hi Fabio,

IPad browser thoughts.

This is not something I've put much thought into 'til now, mainly advising a default colourspace for iPad display of images in portfolios etc.

These days, though, with reports coming from clients of their endusers il advisedly viewing and assesing image quality/colour on devices as random as even Blackberries I guess thought and policy is needed! Not that the Blackberry will ever pass muster for this.

Your "use of profiles" tests (used on a retina iPad) indicate that neither ICC v2 or v4 profiles are supported on iPad, that's on neither Safari, nor Chrome. I wonder if the wacked profile you made and mention on the Firefox thread might be at play here?

Interestingly, there's no difference between the ProPhoto RGB and sRGB elements illustrated.

Also the tagged/ untagged comparison passes the "looks identical" test.

So iPad is doing some things right. It must be reading the ProPhoto tag unless I am misunderstanding how you've configured the test?

Good resource, thanks

Mine's undergoing updates, the current version's at www.colourmanagement.net

Neil

Reply
Fabio
Apr 12th, 2013 - 14h37

Hello Neil.

My own results with iOS devices mimic yours perfectly. There's no support for color management on the built in browser (or any other app, as a matter of fact) and every element is rendered on the full display gamut. I found more information about it here. I assume this is a deliberate choice by Apple to save some processing power and battery life on those devices.

Gamut maps for the retina displays on the iPad 3 and 4 models show them to be very close to sRGB, with only minor differences, thus converting to sRGB and then importing the images on the iPads would give a reasonable, but imperfect, color match.

It would be possible, though, to connect and iPad to the computer using AirDisplay and to profile it normally as a secondary display. The resulting profile could be used to convert images before importing them on the iPad's photo app. This could give a us a color corrected image on the iPad screen.

Thank you for your comment,

Fabio

Reply

Leave a Comment

Name

E-mail

Comment

Submit comment
Feedback
4 comments • add yours