To ensure correct color display in your browser, your browser must support color management. This is important with a wide gamut display. With a Windows OS this is easily accomplished with the Firefox (Seamonkey) browser. IE, the default Windows browser does not support color management. IE9 claims color management support, but does not currently use the monitor profile. Safari support color management, but I prefer Firefox due to easy set up and upgrade. Google Chrome does not support color management in Windows. Mac is a different story.
Important: Your display must be calibrated and installed browser or photo-editing software must be able to use the actual ICC display profile. The only way to calibrate a monitor is by using a hardware calibration unit.
Convert images to sRGB and assign profile before upload to Internet. Large color space images (AdobeRGB/ProPhoto) will render correct in a color managed browser with a calibrated monitor. But only a few viewers use a calibrated system! Very saturated reds are normal with images in IE or Chrome vs Safari and Firefox.
Color management in Flash is only available from Flash 10. “With color management enabled, colors are converted from sRGB to the monitor’s color profile so the user sees colors that are defined as sRGB on the monitor as sRGB”. Adjust your wide gamut display to sRGB when viewing flash.
Fig 1, is a screendump from my calibrated monitor. IE8 in background and Firefox 3.6 on top. Observe the blue sky and the grey background color.
Fig 1. Click on image to enlarge.
Fig 1b. IE9 vs Firefox 4.
Fig 1b captured with Irfanview. IE9 does not honor screen ICC profile and render with red cast. From my Dell M1330, screen color space approx 50-60% sRGB.
Fig 1c. Dell M1330 ICC profile shown as solid vs sRGB wireframe. This display is not suitable for image processing.
Fig 2 is a screendump from my Eizo L887 display. Gamutvision shows sRGB (wireframe) compared to my L887 display profile.
Fig 2. Click on image to enlarge.
Insert about:config in Firefox address bar and scroll down to gfx.color_management. Insert your display profile to ensure correct display. You will find the profile in this folder (WinXp): C:\WINDOWS\system32\spool\drivers\color.
Fig 3. Type about:config.
Fig 4. Open C:\WINDOWS\system32\spool\drivers\color
Fig 5. Insert string and restart.
Images in Fig 6 to Fig 9 should render equal in a color managed browser with a calibrated system.
Fig 6. sRGB with profile
Fig 7. sRGB without profile.
Fig 8. Adobe RGB with tag.
Fig 9. ProPhoto with tag.
Fig 10. sRGB and ADOBE GBR. Captured with display profile and converted to sRGB.
See Fig 11 for Lightroom screendump. Images from:
Fig 11. Compare with Fig 10.
“Color Management for Photographers: Hands on Techniques for Photoshop Users, by Andrew Rodney, addresses the difficult subject of color management in a way that can help you get real work accomplished.”
“Digital imagery and digital color are everywhere, yet operating a color-managed system has remained a mystery… until now! Fresh from pioneering work in color algorithms for FujiFilm, Dr. Abhay Sharma explains the basics of color science and color measurement, and provides an in-depth look at the range of measuring instruments available to the end-user. International Color Consortium (ICC) profiles are discussed in great detail and procedures for profiling scanners, digital cameras, computer monitors, inkjet printers, and printing presses are thoroughly described- making this book the definitive guide to color management.”
Learn Actionscript 3.0 with Doug Winnie: