The amazing color diff between browsers

[MP Guy]

Don't know if you ever noticed this or not. But the way browsers present color is drastically diffenet.

Look at this



The clip on the left is from chrome, on the right is from firefox. Look at the difference in the blue background colors.

Imagine how this affects your photo editing.

 

[Darthfeeble]

Wouldn't the color be more affected by the editing program? Unless you edit on some online program I guess.

 

[Godfrey]

I know the Apple Safari browser honors the color profiles that you can embed into graphics and photographs. I don't know whether any of the other web browsers do.

BTW, the blue in the RFF header matches the blue in your right hand example (kind of an aquamarine/turquoise really).

G

 

[joe bosak]

On my PC xnview displays the same awful colours as the browsers (well Opera anyway, I can't say I checked Firefox and Edge), whereas Safari on my ipad displays the colours as they were in the photo software (Affinity, Sigma Photo, Silkypix) on the PC.

 

[Bob Michaels]

MP Guy: I see very slight differences in your two samples. Slight enough that I only see differences when I am specifically looking for them.

Now, I have a calibrated monitor and use a complete color managed workflow. I have no hesitancy on making my first print on a $5 sheet of printing paper because I know it will look exactly like my monitor. I have always thought that I will see exactly the file someone sent out. Now, if they do not have a color managed workflow, thus have no idea how others will view their work, that is not something I can help.

Are you saying someone who has a complete color managed workflow will still tonality and color differences dependent only on their choice of browser? That would be alarming to me.

 

[peterm1]

Also between monitors? I recently upgraded my PC. The old one is on its last legs being now 15 years old and will soon no longer have its Windows 10 O.S. supported by Microsoft. The new one is sitting in another room while I transfer files and settings from the old computer to it. The task is basically complete but so far out of habit I am still mostly using the old one but will change shortly when I bring the new one into the study and store the old in the garage - I do not wish to do this till I am convinced nothing has been forgotten in the transfer or it will involve some "faffing" about once the old PC has been put to sleep. Both use MS Edge, and the new one unsurprisingly is running under Windows 11 rather than Windows 10. I noticed just last week that one photo I had just uploaded has what I regard as "normal" contrast and saturation under MS Edge running on the old PC but the same page is much more contrasty and saturated on the new P.C. I thought it could be a matter of calibration of the new monitor which should be easy to fix, but I could find no setting on the settings app in Win 11 to adjust this on the new PC - only brightness. It did set me wondering it other viewers would find the same when they view the photo - whether on Win 11/Edge or otherwise.

 

[Out to Lunch]

But the way browsers present color is drastically diffenet.

As is the way websites do: photos on RFF are always darker than on other sites.

 

[Godfrey]

As is the way websites do: photos on RFF are always darker than on other sites.

Hmm, no.

The photos I post when viewed on my calibrated/profiled Apple Studio Display with Safari (either with macOS or iPadOS) and including a color profile, look exactly the same as the same images displayed by RFF on the same system.

G

 

[raydm6]

Looks pretty good on mine. I'm on an iMac Retina 5K, 27-inch, 2017

Left/Firefox and Right/Safari

 

[raydm6]

For giggles on the iMac 27”:

Firefox/Mac OS on Left, Microsoft Edge running on Parallels Desktop (Windows 11 Pro) on the right:

 

[raydm6]

iPhone 15 Pro:

 

[mapgraphs]

Diversity in human color perception

 

[Coldkennels]

Don't know if you ever noticed this or not. But the way browsers present color is drastically diffenet.

Look at this

View attachment 4844739

The clip on the left is from chrome, on the right is from firefox. Look at the difference in the blue background colors.

Imagine how this affects your photo editing.

I suspect this has no bearing on how images (whether JPG or PNG) are rendered. My guess is that the particular shade of blue that's been defined is something that isn't particularly "web-friendly" and the rendering engines are displaying it differently as a result.

If you open up a "colour picker" on photoshop, you'll notice a box in the bottom left - and when you select it, the "approved" set of colours reduces dramatically.



I can't imagine that modern web browsers can only display these colours, but I do remember how much of a pain it was getting Internet Explorer to follow any sort of defined web standard when building a website, so it's not entirely impossible that this is the issue. Chrome seems to be the modern equivalent in a lot of ways, so it's no surprise to me that Chrome would be the only outlier in all the comparisons.

As for display variation...



...colour photography in the digital age is a nightmare.

 

[Bob Michaels]

The photos I post when viewed on my calibrated/profiled Apple Studio Display with Safari (either with macOS or iPadOS) and including a color profile, look exactly the same as the same images displayed by RFF on the same system.

Same for me while using a calibrated BenQ monitor, Windows 10 and Firefox. A color managed workflow compensates for those things.