Color Shifts on the World Wide Web www:
PhotoShop ® "Save for Web" ImageReady ®
In my lay style for lay Mac users (like me)
© 2003 www.gballard.net Main Site
Why color changes when Save for Web, ImageReady, and or the internet?
The bad color issues generally falls into FOUR PROBLEM AREAS:
1) Photoshop CS3 CS2 PS 10 9 8 7 Working RGB is different from sRGBtype ColorSpace.
THE REASON IS:
Over 90 percent of web browsers strip embedded color profiles, and they apply a Monitor-type RGB to all web color.
The color shift or color change with Adobe RGB (1998) for example: The overall color looks unsaturated desaturated, especially reds, and washed out when Photoshop "Save for the Web" or "Jump To" or "Edit In" ImageReady, and/or when pictures are viewed on internet web browsers like Safari, Explorer, FireFox, OnmiWeb, Opera.
How to fix color problems using sRGB and 2.2 Monitor Gamma:

HERE is a look at the new SFW Save For Web Devices settings in Photoshop CS3.
CS3 changed how Photoshop 10 Save For Web works with ICC Profiles so be sure to understand how SFW works. ImageReady no longer exists in Adobe Creative Suite 3. In CS2 and earlier, we always need to manually Convert to sRGB before ImageReady or Saving For Web.

PROOF my point HERE in your color-managed web browser a side-by-side comparison tutorial of tagged and untagged AppleRGB, sRGB, Adobe RGB (1998).
Photoshop can effectively "SoftProof" our web browser color:
The internet and sRGB are based on "Window's" 2.2 monitor gamma the shift here the monitor brightness gamma shifts / changes when we "Save for the Web" or "Jump To" or "Edit In" ImageReady or when viewed on the internet browsers.
|
Side Rant:
|
3) The monitor profile is bad the shift here anything can happen when other monitors display the color.
4) The Embedded Profile is ignored the shift here we see the difference between Photoshop's WorkingRGB, the file's actual SourceSpace, and the viewing MonitorRGB (when Photoshop Saves for Web, Jumps To or Edits In ImageReady).
+++++++
EMBEDDING ICC PROFILES in Creative Suite 3 CS3 Photoshop 10 PS10.
Adobe Photoshop Save For Web Devives "ICC PROFILE" option will embed ICC profiles in web images -- embedding profiles in web photos graphics is not recommended.

HERE is a look at the new SFW Save For Web Devices settings in Photoshop CS3 including SFW Tips Workflows.
Again, Photoshop 10 changed how Save For Web handles Conversions to sRGB so be sure to understand how CS3 has changed and how to prepare color files for the internet for the best possible color in web browsers.
+++++++
A Photoshop WorkFlow for the WWW:
Note: WorkingSpace> RGB: sRGB is NOT recommended for prepress users.
Prepress and print users should use a highgamut WorkingSpace> RGB: like AdobeRGB.
Photoshop> ColorSettings (Command+Shift+K on Mac):

The above settings set Photoshop's WorkingRGB the ColorSpace Photoshop embeds/tags to sRGB IEC61966-2.1. For more information on these settings, and HOW changing them can break Photoshop, please see: Photoshop's Back Door.gballard.net.
Once we match the settings, Save with a unique name (so you'll know if someone alters it because the name will change to Custom) simply (re)Load the correct Settings.
+++++
sRGB 2.2 gamma ColorSpace is recommended here as the WorkFlow Default/WorkingRGB because:
Therefore, it is my opinion that setting RGB Default to 2.2 gamma sRGB ColorSpace and "calibrating" a 2.2 gamma custom monitor profile will serve more users better, with less confusion.
In any case, 1.8 Mac gamma is a shifty proposition in a 2.2 gamma PeeCeeWindoze world.
+++++
If your WorkingRGB is Adobe RGB (1998), like mine, or any other Color Space than sRGB, we need to: Photoshop> Image> Mode> Convert To: sRGB IEC61966-2.1 before Saving for The Web, or going to Image Ready, or putting the document on the web.
In other words, we Convert our deviceindependent, widegamut AdobeRGB file to the TargetRGB ColorSpace (sRGB).
+++++
ColorSync understanding Apple's ColorSync Color Management System CMS CMM for info about how ColorSync affects web browsers.
###
by: ©2004 G. BALLARD • www.gballard.net
Note: G. BALLARD prefers a shredding if he is wrong or unclear.
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.
Terms of Use • Privacy Statement • Site Map
Home • About Us • Mission Statement • Press Kit • Contact Us