[PNG icon] [Valid HTML 4.01]

Browser Color-Correction Test Page


This page was created in order to test whether browsers implement color correction or not. Modelled after a similar test for MNG images by Gerard Juyn, the concept is quite simple: if all three of the images in each row look the same, the browser passes. If they're all different, it fails.

Specifically, the pixel data in two of the three copies of the image were modified. The left image has had its red and green channels swapped, while the right image has had its red and blue channels swapped. (The center image is the original, of course.) In each case, the corresponding color-space chunks have been similarly modified to cancel out the color-swap, which is why the images will look the same on browsers that fully implement color correction according to the PNG specification.

The first row uses the (simple) PNG chromaticity chunk, cHRM:

[Arc de Triomphe with red and green channels swapped and cHRM chunk] [Arc de Triomphe original image and cHRM chunk] [Arc de Triomphe with red and blue channels swapped and cHRM chunk]

The second row uses a full (though fairly basic) ICC profile embedded in the PNG iCCP chunk:

[Arc de Triomphe with red and green channels swapped and iCCP chunk] [Arc de Triomphe original image and iCCP chunk] [Arc de Triomphe with red and blue channels swapped and iCCP chunk]

Both rows should look approximately like this, if the browser does color correction properly:

[three Arc de Triomphe images, all the same]

If the rows instead look like this, the browser does not support color correction:

[three Arc de Triomphe images, all different colors]

Creative Commons License Note: the six individual test images (and, separately, the three embedded ICC profiles) are licensed under the Creative Commons Attribution-NonCommercial 2.5 License.



[primary site hosted by SourceForge] Last modified 14 March 2009.

Copyright © 2005-2009 Greg Roelofs.