How can I make my colors on my blog and website matching what I see in Photoshop?
Color Management: Part 1
To answer this I did some research and consulted with an Adobe expert, Jeff Tranberry.
- The short answer – many web browsers are not color managed. If you view an image on a monitor that is not not calibrated or with a web browser that is not color managed, there is nothing you can do to completely control color looking the same.
- Tranberry suggests “because most browsers besides Safari and Firefox 3.0 are not color managed, you need to use the lowest common denominator in order for the results to look the similar in all potential cases. The best way to do this is to convert the image to sRGB and Embed the Color Profile in Save For Web. That way if the profile is ignored by an unmanaged browser, the colors won’t look as washed out.”
- In order to see what your image may look like in an unmanaged web browser, you can select “Macintosh (No Color Management)” or “Windows (No Color Management)” from the Preview pop-up in the Save For Web dialog. The slight difference between “Macintosh (No Color Management)” or “Windows (No Color Management)” accounts for the difference in gamma value between the two OSes.
Here are some helpful links from Adobe on matching color in web browsers and with HTML to Photoshop:
- Preview image gamma at different values
- Color Managing Documents for online viewing
- Color-managing HTML documents for online viewing