Skip to content

Instantly share code, notes, and snippets.

@potench

potench/gist:1821512

Created February 13, 2012 23:42
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save potench/1821512 to your computer and use it in GitHub Desktop.
Save potench/1821512 to your computer and use it in GitHub Desktop.
Download ZIP
Color management setup for everyone
Raw
gistfile1.md

Color Management:

So after a lot of debate with a couple of the front end guys we agreed that what we had to find was a system that would allow us to ensure color consistency from PSDs to HTML or Flash.

In the end the only way to ensure this issue was solved was to run some tests which yielded the following setup to guarantee color consistency:

Setting Up Photoshop Color Space

The first thing we all have to do is to ensure we are working under the correct color profiles. To do this follow these steps:

  • Go to Edit>Color Settings or Shift + Command + K or Shift + Control + K in windows.
  • From the Settings drop down select North America Web/Internet
  • Commit your changes by hitting OK.
  • Now go to View>Proof Setup and select Internet Standard RGB (sRGB)
  • Now hit Command + Y or Control + Y in windows to enable Proof Colors, alternatively you can just go to View>Proof Colors

Exporting (Save for Web)

  • When exporting via Save for Web ensure that Convert to sRGB is checked.

You are done, you should now enjoy color accuracy across all of your files and in HTML and images will be ensured to display consistently across devices and browsers.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment