SmugMug alters my colors! — Updated

Two years after I posted it, the original SmugMug alters my colors! entry gets lots of passionate comments from smart people.

Problem is, we changed and so did browsers in the last two years.

By customer demand, we now attach ICC profiles to the photos we display if we sense that you’re using a browser like Safari that can use them.  We do it, that is, for images that are larger than thumbnails, because it doubles the size of thumbnails and for some people that would make pages load slower.

For some people who use color-aware browsers like Safari, it means you could see a color shift between thumbs and larger display images.  We asked a great number of customers about this and the answer among almost everyone was, “better to see the big ones the way they should be seen”, and “this is a great compromise between speed and color fidelity.”

However, it’s understandably confusing to customers who have not been exposed to ICC profiles.  Look at the difference between how Firefox displays this photo (on the left) and Safari (right):

Firefox (version 2) is displaying the photo the way IE would.  Safari is displaying it the way Photoshop would.

It gets worse, unfortunately.  Our customers also love the Flash slideshow, but few know that even Safari ignores ICC profiles when using Flash.  Our full-screen Flash slideshow is immensely popular because of its smooth transitions, but even Safari will display photos like IE does when Flash is used.

The question that just kills people is why do sRGB files sometimes look different depending on what program displays them?  People most often notice it when they open an sRGB file in Photoshop and then select Photoshop’s Save for Web feature.  Save for Web gives a preview of how it will look on the Internet, and by default shows how it would look if the browser doesn’t respect ICC profiles.  Many people notice a color shift when using Save for Web.

The answer to that question is beyond the scope of this post but usually has to do with monitor calibration.

One difficult thing we’ve observed with monitor calibration is that most people put great faith in it.  At SmugMug, we all have very high quality monitors in a dual configuration, both on Macs and some PCs.  Most of us calibrate with various manufacturer’s calibration devices. usually fairly high end.  But none of us have been able to get our monitors to match.  On every dual monitor machine at SmugMug, when you view photos in Photoshop and move them from one monitor to another, you see the colors shift.  Macs that are side by side, calibrated with the same hardware, display images differently.

We have a saying when it comes to getting great prints:  ”In the Photoshop eyedropper tool we trust.”  The words of death we hear so often are, “it looked different on my calibrated monitor.”

One way to see that SmugMug is really not changing your file (other than to add an ICC profile) is to use the File > Open menu with your browser software.  Open a photo from a file on your hard disk, and also open it with Photoshop.  Depending on your system, you may see a color shift.  But if you compare the file you opened on your hard disk with your browser to the same file you uploaded to SmugMug, viewed with the same browser, they should look the same.

If they don’t, there could be two reasons:

1.  Is the photo on your hard disk missing the ICC profile and you are viewing it with a browser like Safari?  We add the ICC profile for Safari users.

2.  Is the photo in some other color space than sRGB?  We only display them in sRGB at SmugMug, because it’s the only color space browsers like IE can display correctly.

Clear as mud?!

Leave a Reply