ICC color correction in Firefox

  • Revision slug: ICC_color_correction_in_Firefox
  • Revision title: ICC color correction in Firefox
  • Revision id: 133004
  • Created:
  • Creator: Sheppy
  • Is current revision? No
  • Comment 2 words added, 2 words removed

Revision Content

{{ fx_minversion_header("3") }}

Although support for color correction was introduced in Firefox 3, it was disabled by default, requiring some tinkering about in the about:config window to enable it.  Firefox 3.1 addresses the issues that caused it be disabled by default in the previous version, and now images with International Color Consortium (ICC) tagging are, by default, color corrected.

The image below is split into three sections.  The top left corner shows the image as rendered by Firefox 2.  The top right corner shows how the image renders in Firefox 3.  The bottom shows the image rendered in Photoshop.

iccsample.jpg

As you can see, Firefox 3 and Photoshop render the image identically, because both support the embedded color correction profile.  Firefox 2 ignores the profile, resulting in mismatched color.

Configuring color correction

Color correction can be controlled by setting the value of the gfx.color_management.mode preference, as follows:

Value Description
0 Color management disabled.
1 Full color management.
2 Color management applied only to tagged images.  Default.

Full color management means that everything rendered by Firefox, with the exception of plugins, has its colors corrected.

You can also specify a specific color profile to use for your hardware by setting the value of the gfx.color_management.display_profile preference to be the path to a color profile to use.

See also

Revision Source

<p>{{ fx_minversion_header("3") }}</p>
<p>Although support for color correction was introduced in Firefox 3, it was disabled by default, requiring some tinkering about in the about:config window to enable it.  Firefox 3.1 addresses the issues that caused it be disabled by default in the previous version, and now images with <a class="external" href="http://www.color.org/" title="http://www.color.org/">International Color Consortium</a> (ICC) tagging are, by default, color corrected.</p>
<p>The image below is split into three sections.  The top left corner shows the image as rendered by Firefox 2.  The top right corner shows how the image renders in Firefox 3.  The bottom shows the image rendered in Photoshop.</p>
<p><img alt="iccsample.jpg" class="internal default" src="/@api/deki/files/3218/=iccsample.jpg" style="width: 500px; height: 334px;"></p>
<p>As you can see, Firefox 3 and Photoshop render the image identically, because both support the embedded color correction profile.  Firefox 2 ignores the profile, resulting in mismatched color.</p>
<h2>Configuring color correction</h2>
<p>Color correction can be controlled by setting the value of the <code>gfx.color_management.mode</code> preference, as follows:</p>
<table class="standard-table"> <tbody> <tr> <td class="header">Value</td> <td class="header">Description</td> </tr> <tr> <td>0</td> <td>Color management disabled.</td> </tr> <tr> <td>1</td> <td>Full color management.</td> </tr> <tr> <td>2</td> <td>Color management applied only to tagged images.  <strong>Default.</strong></td> </tr> </tbody>
</table>
<p>Full color management means that everything rendered by Firefox, with the exception of plugins, has its colors corrected.</p>
<p>You can also specify a specific color profile to use for your hardware by setting the value of the <code>gfx.color_management.display_profile</code> preference to be the path to a color profile to use.</p>
<h2>See also</h2>
<ul> <li><a class="external" href="http://bholley.wordpress.com/2008/09/12/so-many-colors/" title="http://bholley.wordpress.com/2008/09/12/so-many-colors/">So Many Colors</a> (blog post)</li> <li><a class="external" href="http://www.dria.org/wordpress/archives/2008/04/29/633/" title="http://www.dria.org/wordpress/archives/2008/04/29/633/">Firefox 3: Color profile support</a> (blog post)</li> <li><a class="external" href="http://ejohn.org/blog/color-profiles/" title="http://ejohn.org/blog/color-profiles/">Color Profiles in Firefox 3</a> (blog post)</li>
</ul>
Revert to this revision