# Web Color Managment Picture - What is going on here?

**URL:** https://boards.straightdope.com/t/web-color-managment-picture-what-is-going-on-here/569434
**Category:** Factual Questions
**Created:** [January 29, 2011, 6:42pm UTC](https://boards.straightdope.com/t/web-color-managment-picture-what-is-going-on-here/569434 "2011-01-29T18:42:32Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![Hermitian](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/hermitian/32/470_2.png) [@Hermitian](https://boards.straightdope.com/u/Hermitian)
#### Post date: [January 29, 2011, 6:42pm UTC](https://boards.straightdope.com/t/web-color-managment-picture-what-is-going-on-here/569434/1 "2011-01-29T18:42:32Z")

</div>

I will admit I’m a little ignorant of all the gory details that go along with displaying and dealing with colors. Its one of those things that most people think is not that hard until they investigate it and then it just gets more and more confusing.

What is going on here?

> **[Web color management](http://littlecms2.blogspot.com/2010/05/web-color-management.html)**
>
> Please take a look to this small toy I've been working on: What do you read? Ok, maybe you can read dark text as well, but I mean the bri...

It appears that they are 3 different variations of how this image can appear depending on what browser or photo program you use.

[Firefox](http://img202.imageshack.us/i/firefoxru.png/)  
[Internet Explorer](http://img405.imageshack.us/i/30754398.png/)  
[Photoshop](http://img341.imageshack.us/i/photoshopv.png/)

I am guessing that there is some kind of white-point/black-point being defined in the image format (.jpg) and depending if your program appropriately reads that, it displays the pictures differently?

The green is the most baffling.

---

<div class="post-metadata">

### Author: ![Mangetout](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/mangetout/32/19_2.png) [@Mangetout](https://boards.straightdope.com/u/Mangetout)
#### Post date: [January 29, 2011, 7:37pm UTC](https://boards.straightdope.com/t/web-color-managment-picture-what-is-going-on-here/569434/2 "2011-01-29T19:37:20Z")

</div>

Well, at first, I suspected a trick - maybe the server was just dishing out a different image depending on how the requesting browser announced itself, but I downloaded a copy and looked at the local copy using different viewers/browsers and it does render differently.

---

<div class="post-metadata">

### Author: ![Hermitian](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/hermitian/32/470_2.png) [@Hermitian](https://boards.straightdope.com/u/Hermitian)
#### Post date: [February 1, 2011, 9:35pm UTC](https://boards.straightdope.com/t/web-color-managment-picture-what-is-going-on-here/569434/3 "2011-02-01T21:35:09Z")

</div>

I thought I would try a mid-week bump to see if anyone knew the answer to this one?

---

<div class="post-metadata">

### Author: ![BigT](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/bigt/32/12044_2.png) [@BigT](https://boards.straightdope.com/u/BigT)
#### Post date: [February 2, 2011, 2:27am UTC](https://boards.straightdope.com/t/web-color-managment-picture-what-is-going-on-here/569434/4 "2011-02-02T02:27:21Z")

</div>

Pretty much exactly what it says. Different portions of the image are set up using different color profiles. A color profile is essentially a map of what color code corresponds to what actual color. These are vital for being able to express the same color on different devices.

It seems he designs the image where, under the default profile, it outputs green text and some nearly black text that is nearly invisible on the black background. But he includes a profile to convert the black text into white text and convert the green text to black, and then another profile with special attributes that converts certain portions of the white text back to black.

A good interpreter will read both of the profiles. A fairly good one, only one. The worst will not read them at all and just use the default profile.

---

<div class="post-metadata">

### Author: ![Hermitian](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/hermitian/32/470_2.png) [@Hermitian](https://boards.straightdope.com/u/Hermitian)
#### Post date: [February 2, 2011, 3:37am UTC](https://boards.straightdope.com/t/web-color-managment-picture-what-is-going-on-here/569434/5 "2011-02-02T03:37:39Z")

</div>

> [@BigT](#):
>
> Pretty much exactly what it says. Different portions of the image are set up using different color profiles. A color profile is essentially a map of what color code corresponds to what actual color. These are vital for being able to express the same color on different devices.
> 
> It seems he designs the image where, under the default profile, it outputs green text and some nearly black text that is nearly invisible on the black background. But he includes a profile to convert the black text into white text and convert the green text to black, and then another profile with special attributes that converts certain portions of the white text back to black.
> 
> A good interpreter will read both of the profiles. A fairly good one, only one. The worst will not read them at all and just use the default profile.

Maybe this brings me to a better question. Why are there all these web profiles that do stuff like this?

When I grew up, men were men, women were women, green pixels were green, and red pixels were red. Why do our browsers need color profiles to screw with this stuff?

---

<div class="post-metadata">

### Author: ![BigT](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/bigt/32/12044_2.png) [@BigT](https://boards.straightdope.com/u/BigT)
#### Post date: [February 2, 2011, 3:50am UTC](https://boards.straightdope.com/t/web-color-managment-picture-what-is-going-on-here/569434/6 "2011-02-02T03:50:14Z")

</div>

That would require getting into the reason for color profiles in the first place. As I mentioned, they are created so that different types of devices produce identical output. You want your camera, scanner, printer, CRT and LCD monitor, etc. to all produce identical images, but they all use different technology. One needs a color profile to make those mappings. Originally, different people had different solutions, but now standards have emerged that come with every modern operating system.

Nowadays, it’s more for giving the designer more leeway. You want to be able to have as many colors as possible, but you also want the differences between close colors to be very slight, so that similar colors will fade into each other. You can create color Being able to mess with that requires different profiles for different images.

I’ll admit that, once the design process is finished, the average person isn’t going to see any difference, as long as you do a proper conversion to the default sRGB profile. But designers are a picky bunch. Heck, they may even have a different idea of what looks identical in print output.

---

<div class="post-metadata">

### Author: ![Mangetout](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/mangetout/32/19_2.png) [@Mangetout](https://boards.straightdope.com/u/Mangetout)
#### Post date: [February 2, 2011, 8:30am UTC](https://boards.straightdope.com/t/web-color-managment-picture-what-is-going-on-here/569434/7 "2011-02-02T08:30:52Z")

</div>

> [@Hermitian](#):
>
> When I grew up, men were men, women were women, green pixels were green, and red pixels were red. Why do our browsers need color profiles to screw with this stuff?

I’m not sure how much it relates to the colour profiles being discussed here, but I thought it might be worth noting that jpeg compression doesn’t really directly address individual pixels - instead, it describes the appearance, shape and change/gradient of colour/luminance embodied in blocks of pixels within the image (well, something like that, anyway. More details [here](http://blogs.msdn.com/b/devdev/archive/2006/04/12/575384.aspx))
