Is Your Web Browser Color Managed?

Insights & Thoughts June 28th 2012 12:17 PM 6 Comments

Browser Color Managed


What color is the car above? Is it orange or purple? Well, if you see purple on your web browser, then your browser does not follow ICC Color profiles. The majority of images we see online has sRGB color profile, but when an image has a different ICC color profile, some browsers do not read it correctly or at all. Thanks to Peta Pixel, now you can test your own web browser. This is important to test out because while you may want your images to be a certain way, the way the colors comes out on your browser or your client’s browser may not be correct.

I use Windows 7 Pro, and on my Google Chrome, that image is purple, which is wrong.

Internet Explorer 9, however, does read the ICC color profile, and therefore shows the image correctly.


Internet Explorer 9 Color Managed


By the way, your monitor profile will also affect the image differently. Some browsers can show more accurate colors in relation to your monitor profile, while others won’t. This is important to know because even when I export images with sRGB from Lightroom, the colors that I see on Windows Image Preview or Lightroom is not necessarily the same thing when uploaded to my website and viewed on Chrome.


And good news for Mac OSX users. Peta Pixel also said that any browsers running on OSX should not have any color profile mismatches. So to ensure that you do get the most out of your images, when uploading your images online, make sure it’s in sRGB profile, and if colors have to be super critical, either double check your uploaded images on several browsers or send your clients the images to view outside the browser.

Be sure to visit Peta Pixel’s Is Your Browser Color Managed article to see which browsers follow ICC color profiles.



Also, it looks like that iOS browsers are not color managed, as talked about in this post by Jeffrey Friedl. He goes more in depth about color management, as well as some images of what may happen if you’re not careful with your color management (yes, his images will look pretty crazy if your browser doesn’t have color management).


Jeff-Friedl-Color-Managed
Image on a browser with color management


Jeff-Friedl-No-Color-Managed
Image on a browser with no color management

Advertisement

About

Joe is a rising fashion and commercial photographer based in Los Angeles, CA. He blends creativity and edge with a strong style of lighting and emotion in his photographs. Be sure to check out his work at www.fotosiamo.com and connect with him on Google Plus and on Facebook

6 Comments

  1. Anonymous

    It’s showing Orange for me – Chrome Version 20.0.1132.43 beta – Mac

  2. Dale Richards

    Orange on Firefox, Purple on Chrome, would test IE9 but I am not waiting 10 years for it to load

    – Win7 x32 | Firefox 13.0.1 | Chrome 19.0.1084.56 m |

  3. PixBeat Photo

    This is only too true. I originally exported all of my website images as Adobe RGB and they looked fine on my computer, but totally desaturated on an iPad. Remember, sRGB for web! Now, calibrating your monitor is a whole other story…

  4. Anonymous

    I am using Windows 7 and Chrome (latest) and the car is purple. On firefox the car is orange. All my pictures on my website look the same in chrome,firefox,IE, safari. I think the moral of the story here is to output your images in sRGB and not so much anything to do with your (or your client’s) browser.

  5. Yang Gao

    Guess how many of the users have their monitors profiled and calibrated? Guess how many of them are using IE9 (says color managed, but only goes half way)? Stop throwing around images with garbage profiles attached – you never know which image hosting service will strip the profile without telling you.

    The Web should be in sRGB!

  6. Yang Gao

    Guess how many of the users have their monitors profiled and calibrated? Guess how many of them are using IE9 (says color managed, but only goes half way)? Stop throwing around images with garbage profiles attached – you never know which image hosting service will strip the profile without telling you.

    The Web should be in sRGB!

Leave a reply

Advertisement