Browser Gamma-Correction Test Page

This page aggregates a single row from each of the dozen Browser Gamma-Consistency Test pages onto a single page for simpler comparisons and screenshots. Unlike many other gamma test pages, such as Glenn Randers-Pehrson's Browser Gamma Test, this version is primarily concerned with the self-consistency of web browsers' gamma correction--i.e., not just of PNGs but also of GIFs and of HTML and CSS colors. Inconsistencies will be immediately noticeable as "two-tone" boxes, such as here:

All of the rows on a correctly rendered page should instead look like this, with no internal edges visible:

The actual test images are below. Click on the links to see explanations of what any bad row might imply about the browser, as well as to see the full colorcube for that test.

The first group uses HTML colors (i.e., "BGCOLOR") for the backgrounds of the table cells holding the test images:

The second group uses CSS colors (i.e., "STYLE="background-color:#rrggbb"") for the backgrounds of the table cells holding the test images:

cc99ff

cc99cc

cc9999

cc9966

cc9933

cc9900

Unlabelled GIF images (i.e., the usual kind) on CSS background colors.

cc99ff

cc99cc

cc9999

cc9966

cc9933

cc9900

Unlabelled PNG images (i.e., no gamma info) on CSS background colors.

cc99ff

cc99cc

cc9999

cc9966

cc9933

cc9900

PNG images with gamma 1/1.6 (i.e., 0.625) on CSS background colors.

cc99ff

cc99cc

cc9999

cc9966

cc9933

cc9900

PNG images with gamma 1/2.2 (i.e., 0.454545...) on CSS background colors.

cc99ff

cc99cc

cc9999

cc9966

cc9933

cc9900

sRGB PNG images ("absolute colorimetric" rendering intent) on CSS background colors.

cc99ff

cc99cc

cc9999

cc9966

cc9933

cc9900

iCCP PNG images ("gamma 1.0" pixel data, linear ICC profiles) on CSS background colors.

• Browser Gamma-Consistency test page
  • Unlabelled GIFs on HTML Colors ("control group") or CSS colors
  • Unlabelled PNGs on HTML Colors or CSS colors
  • Gamma-labelled PNGs (1/1.6) on HTML colors or CSS colors
  • Gamma-labelled PNGs (1/2.2) on HTML colors or CSS colors
  • sRGB-labelled PNGs (1/2.2) on HTML colors or CSS colors
  • ICC-profile-labelled PNGs (1/1.0) on HTML colors or CSS colors
• Browser Color-Correction test page

• PNG Home Page
• Complete PNG Site Map

Copyright © 2000-2009 Greg Roelofs.