There are many tutorials out in the wild that attempt to address the Photoshop “Save for Web” colour shift problem that many artists and web designers run into. However, a disproportionate number of these do so with half-baked workarounds that only “fix” the problem on content creator computers, while exacerbating the issue for their audience.

In this tutorial, I try to demonstrate how colour profiles affect image appearance on different browser types, and how best to make content look as good as it can on as many displays as possible from Photoshop. Don’t expect a comprehensive writeup about colour management – there are more authoritative treatises you can check out for that (start here:

While I don’t proclaim to be an expert, I feel that I have done enough research and my own experiments to make the assessments I do on this tutorial. Regardless, I welcome any corrections from those of you who are more knowledgeable in the subject.

If you’ve ever had cause to throw furniture through windows because that painting you just spent a chunk of your life on looks all wrong when viewed on every other monitor display or browser, this might help.

Color profiles are a black art even among digital artists, it seems, but this is the most comprehensive thing I’ve seen explaining why colors shift and what to do about it.