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.

Firefox vs IE

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.

Color space, laptop screen.

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.

 

Download Firefox  here.

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.

More about this here: gfx.color_management.display_profile. gfx.color_management.mode. gfx.color_management.rendering_intent

Type about:config

Fig 3. Type about:config.

Windows\system32\spool

Fig 4. Open C:\WINDOWS\system32\spool\drivers\color

Insert string

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.

sRGB profiled with profile.

Fig 6. sRGB with profile

sRGB without profile.

Fig 7. sRGB without profile.

Adobe RGB with tag

Fig 8. Adobe RGB with tag.

ProPhoto with profile

Fig 9. ProPhoto with tag.

 

 

Only Firefox render all images correct.


Fig 10. sRGB and ADOBE GBR. Captured with display profile and converted to sRGB.

See Fig 11 for Lightroom screendump. Images from:

http://www.adobe.com/devnet/flash/quickstart/color_correction_as3.html

Lightroom Screendump.

Fig 11. Compare with Fig 10.

 

 

Recommended  Reading:

“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.”

http://www.focalpress.com/books/photography/color_management_for_photographers.aspx

“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.”

http://www.delmarlearning.com/browse_product_detail.aspx?catID=12370&ISBN=1401814476

 

 

 

Links.

http://code.google.com/p/chromium/issues/detail?id=143

http://www.gballard.net/photoshop/srgb_wide_gamut.html

http://en.wikipedia.org/wiki/Gamut

http://www.artstorm.net/journal/2009/07/color-management-wide-gamut-dell-2408/

http://www.adobe.com/devnet/flash/quickstart/color_correction_as3.html

ActionScript 3.0 Reference

Learn Actionscript 3.0 with Doug Winnie:

AdobeTv Actionscript 1:1 with Doug Winnie.

 

QR Code Business Card