Photoshop color profiles set up for web
When taking our new site to production we were ran into issues with the exact hue of our red. Our team of developers and designers with 25
years experience all had slightly different answers regarding color management. Not only did none of the suggested solutions seem to have a solid logic backing them, they were all producing slightly different results. We asked around our network of developers & designers only to find that we were not alone, everyone seemed to have a solution that worked, but they all required some tweaking, fiddling, faking, and/or
adjusting.
While researching a definitive answer we’ve dug up some excellent articles, and recommend reading them all for a complete understanding of color control for web. However the quick and dirty is that as software and hardware evolves, color management is becoming integrated on more levels, (monitors, operating systems, web browsers ect.) Knowing what to adjust, and what not too is key. Your monitor/OS color
management is there to make the color look as accurate as possible on your gear and needs minimal or no adjustment.
By default Photoshop wraps files in a ICC color profile that is designed to standardize color across a vast range of color environments and media. Since most web browsers do not support color profiles on graphics, Photoshop must be set up correctly to to let you visualize with your monitor/OS color and export with sRGBThis is for Photoshop CS3, but the principal should work across the board.
a) Image mode has to be set to RGB
Image > Mode > RGB Color
b) Working space for RGB images needs to be sRGB IEC1966-2.1
Edit > ColorSettings…
c) Assigned Image Profile for designing is “your monitor profile”
Edit > Assign Profile…
d) Assigned Image Profile for saving to web is sGB-2.1
Edit > Assign Profile…
Resources:
Wikipedia on color management:
http://en.wikipedia.org/wiki/Color_management
Adobe on ICC profiles:
http://kb.adobe.com/selfservice/viewContent.do?externalId=321382&sliceId=1
Athletics
http://athleticsnyc.com/blog/entry/color-management-for-web-designers-and-developers





