sRGB Correct ColorSpace Tutorial for the Internet The PROOF! www.gballard.net

sRGB Correct ColorSpace Tutorial for the Internet
WWW Target ColorSpace: sRGB 2.2 Gamma
The PROOF!
In my lay style for lay Mac users (like me)
© 2004 www.gballard.net Main Site

This page is part of existing color management tutorials gballard.net to PROOF the "shifty" nature of using various RGB ColorSpaces on the internet and in any "dumb" noncolor-managed application:

• Why Photoshops color changes washes out lightens darkens unsaturates desaturates fades when Save for Web, Jump To, Edit In ImageReady Photoshop, or posted on the www internet, on the monitor display screen or on the printed inkjet laser print.

Evaluate these photos in your web browser.

Normal (AdobeRGB) - Over (sRGB) - Click (AppleRGB)

Above, all three tagged files are in one box to evaluate them together.

In a color-managed browse like SAFARI, you should see virtually no change when holding your
cursor over the above image, clicking on it, and moving off it.

In a non-managed browser like FIREFOX, all three above tagged files (normal/over/click) will display very differently.

#####

Tagged Adobe RGB (1998)
(Hold mouse over photo to rollover Untagged version.)

THE THEORY IS:

A color-managed browser (or application) HONORS the embedded ICC profiles and
PROOFS or displays it correctly by Converting, correcting it to the monitor profile.

The rollovers on the three lower photos strips or untags the images and hoses or ruins the color.

The above Adobe RGB rollover illustrates WHY we should not put Adobe RGB (1998) on
the internet: BECAUSE 90% of the world's browsers are not color managed and they will
desaturate and washout Adobe RGB as seen in the above rollover.

#####

Tagged sRGB
(Hold mouse over photo to rollover Untagged version.)
Again, the rollover is effectively removing the ICC profile.
The two photos are identical except one is tagged with an embedded profile.

If your monitor is profiled to 2.2 gamma and 6500, there should be minimum change in the
Untagged sRGB rollover.

Any color shift you do see on screen is the difference between your monitor profile
and the sRGB IEC61966-2.1 color space.

The sRGB rollover illustrates WHY we should publish sRGB on the internet:
BECAUSE over 95% of web monitors are based on 2.2 gamma (and will display the least amount of shift in the sRGB rollover).

#####

Tagged Apple RGB
(Hold mouse over photo to rollover Untagged version.)
The rollover is effectively stripping the embedded profile.

If your monitor is profiled to 1.8 'Mac' gamma, there should be minimum shift in the Untagged Apple RGB rollover.

If you are on a Mac, I highly recommend you re-calibrate your monitor to 2.2 monitor gamma, D65 6500.
SEE apple.com article: "Color and gamma settings for print and web."

#####

Please read here for more information on web browsers and color management troubleshooting.

HERE gballard.net is another internet test page for evaluting 2.2 gamma monitor profiles.

For the main tutorial on the color shift with Adobe RGB (1998), for example: The colour looks unsaturated washed out when Photoshop "Save for the Web" or "Jump To" or "Edit In" ImageReady, and/or on the internet, please see my:

Color Shifts on the World Wide Web: PhotoShop® "Save for Web" ImageReady®gballard.net

For my ASSIGN Versus CONVERT to Profile tutorial

How to Calibrate a good monitor profile and troubleshoot a bad monitor profile.

+++++++

To DOWNLOAD ALL the high-resolution 300 ppi tutorial files to print, and this page's 72 ppi Untagged JPEGS, including the full unaltered original PDI_Target.jpg PhotoDisk PhotoDisc PDI Target file and Getty Images, PhotoDisc Licensing info:

My favorite test file (PDI_Target_AdobeRGB.jpg): PDI Graphic
DOWNLOAD PDI Target(AdobeRGB)ONLY.zip (5MB) for PC.
DOWNLOAD PDI Target(AdobeRGB)ONLY.sit (5MB) for Mac.
• PDI_Target_AdobeRGB.jpg is an excellent test file for its various skin tones and neutral gray desaturated areas and device independent ColorSpace.
• Use PDI_Target_AdobeRGB.jpg to evaluate the monitor profile in Photoshop and workflow settings.
• If Photoshop displays this AdobeRGB.jpg file with natural skintones and neutral grays, the monitor profile is at least okay.
• Likewise, if the print from this AdobeRGB.jpg file matches the monitor, the printer profile and settings are good.
• Used properly, this file can confirm a good workflow, and help troubleshoot a bad one.
• If this Adobe RGB file is good in this No-Color-Adjustment workflow, but other files are bad, the problem lies with the other files.

For sRGB, Abobe RGB (1998) and Apple RGB, Tagged and Untagged tutorial versions!
DOWNLOAD all PDI TargetFolder.zip (13MB) for PC.
DOWNLOAD all PDI TargetFolder.sit (13MB) for Mac.
Does NOT include the following iPhotoTESTfolder files.

DOWNLOAD *iPhotoTESTfolder.sit (6MB) for Mac.
DOWNLOAD *iPhotoTESTfolder.zip (6MB) for PC.
* iPhotoTESTfolder contains a collection of six files of one image in various ColorSpaces, in tagged/untagged states, designed to PROOF how the different profiles, ColorSpaces, gammas react on screen.
• iPhotoTESTfolder files are not included with the above "DOWNLOAD all" folder.
iPHOTO Test Files also reference my Assign Versus Convert Photoshop Tutorial gballard.net.

Note:
• PDI_Target images are owned and Copyrighted by PhotoDisc gettyimages.com.
• PDI_Target DOWNLOAD files have been altered by G. BALLARD for this tutorial, in accordance with PhotoDisc's licensing terms. The unaltered Photodisc JPEG and License are included in DOWNLOAD.

For Color Management printing workflow tips on using these files, please see my Photoshop Epson ColorSync WorkFlow tutorial gballard.net.

###

Please read the www.gballard.net site USER AGREEMENT, and site DISCLAIMER for legal issues regarding your use of the www.gballard.net site.

G. Ballard, www.gballard.net, receives no compensation from, and is not affiliated with Adobe Systems, Inc., or Bruce Fraser or his associates or their many commercial enterprises.