To enable support for color spaces in Firefox 3 beta 4, do the following:
- Go to about:config
- Confirm you want to edit settings
- Set the option "gfx.color_management.enabled" to "true"
- Restart Firefox
For web developers this smart behavior introduces some challenges, since sites now look different on different browsers on the same platform. Of note, Safari and Firefox implement color space support differently: Safari only adjusts images (such as PNGs), while Firefox also adjusts CSS colors.
So even between Safari and Firefox 3 with color space support enabled, there are differences, as reported in Firefox bug report #424356 (see the attached screenshot) Firefox seems to do a better job here than Safari, because with the latter the colors of different elements on a web page may mismatch, as can be seen (with Safari 3.1) on a website like http://www.route65.eu/.
For web developers, here's a pragmatic approach:
- make sure your images do not include a color profile (saves ~4KB)
- do not specify colors in CSS if there is an image that needs to match the color, instead use a dot image with the exact same color