Comments on: Color me silly

Question: Color me silly

charmston — Sat, 15 Apr 2006 11:26:35 -0800

ColorManagementFilter: Why are my colors losing vivacity after exporting from Photoshop? Example inside.

The difference looks negligible, but when you tile an image over a large area, it appears significantly more lackluster.

I'm completely clueless when it comes to Photoshop's color management features, I'm assuming that there's a problem there? For what it's worth, I'm using Photoshop CS (8.0) on an iBook, exporting it as a PNG (absolutely necessary), and it is happening in multiple browsers (Firefox, Camino, Safari).

By: Brian James

Brian James — Sat, 15 Apr 2006 12:00:11 -0800

Welcome to hell, my friend.

Photoshop is a color-managed space in the sense that it understands color profile data, and renders the image accordingly. The web, by and large, is not, and assumes every image uses an sRGB color space (though I think Safari is an exception).

The best you can do is to output your images in sRGB and hope for the best.

Here's a page with more info.

By: freudianslipper

freudianslipper — Sat, 15 Apr 2006 12:04:57 -0800

I'm willing to bet that it's because your Proof Colors are off. Press control + Y or go to View menu and click Proof Colors.

You can go into your color settings in the edit menu but you probably don't need to change anything there. If your working with web, make sure you are working in RGB and check your Proof Setup and that your Proof Colors are on.

At least, that's what I did when I had the same problem.

By: scottreynen

scottreynen — Sat, 15 Apr 2006 12:08:01 -0800

PNGs have inconsistent gamma correction in different browsers (see: 1, 2). I don't really understand it, but I spent a few hours one day trying to figure out how to get PNGs to look the same in every browser, and concluded that it's impossible. PNGs can only reliably color-match other PNGs. It may help you to know that in Photoshop you'll get different colors in the same image if you save as a PNG or save-for-web as a PNG. But in my experience, neither match the colors in Photoshop before saving.

By: Chuckles

Chuckles — Sat, 15 Apr 2006 12:54:47 -0800

I had this happen to images that I was editing for a Word file. I got the originals out of the Word file, edited in photoshop, inserted them back into Word again and the colours were off - a lot. I remember trying to use PNG, but I probably tried other formats too.

By: doctor_negative

doctor_negative — Sat, 15 Apr 2006 13:23:29 -0800

Try this:
- duplicate your file
- In Photoshop, go to Edit/Convert to Profile (NOT assign profile)
- Convert to sRGB (settings: Ace, Relatve Colormetric, Use Blackpoint Comp)
- save as PNG

open in your browser and put it right next to the image in Photoshop. It should look pretty close.

If your monitor color calibration is completely out of whack, there may be a large difference. Be aware that PNG transparency is unsupported in IE for Windows.

By: delmoi

delmoi — Sat, 15 Apr 2006 16:30:50 -0800

I usually just turn off color management in photoshop, it seems to help.

By: patricking

patricking — Sat, 15 Apr 2006 16:38:08 -0800

additionally: there is a known error within photoshop in which it doesn't consistently save gamma correction when it exports PNG files through the "save for web" command. i spent weeks researching this a few months ago.

a plugin called SuperPNG, however, remedies the problem. it lets you simply "save as..." to export your png. i use this daily in photoshop CS2 (and have used in it CS). it, combined with pingCrushrrr (a plugin to reduce png filesizes) takes care of the problem if you're experiencing it.

Be aware that PNG transparency is unsupported in IE for Windows.

easy to get around with scripts which trick IE to display it. google it; you'll find several methods for replacement if this is an issue.

By: charmston

charmston — Sun, 16 Apr 2006 12:10:28 -0800

Thanks for the help everybody, lots of good information here! Especially thanks to patricking for the links – SuperPNG and pingCrushrrr are both EXCELLENT finds!

It's really too bad that things are so inconsistent...perhaps another push towards standards is in order...this time in the realm of color management?