Summary > Manage Colors 1 / 1
 

Main Internet Browsers 2018

 


Web browsers color management
Published on October 11, 2015 / Updated on October 23, 2018

 

Color management on the web is complicated a priori, and that for several reasons: you don't control anything anymore! You don't know on what monitor your photos will be displayed, you don't know if this monitor has been calibrated or not, you don't know whether it's a tablet or a computer screen, you don't know which browser your user is using hence if it uses ICC profiles management and finally, last but no least, if it's a wide gamut screen or not! You got the picture...


For a long time, the situation was stable, and above all, predictable. Not "theoretically" ideal but predictable. We'd found "tricks" to make our images display correctly on the web. Nowadays, the situation has improved and is not always ideal at the same time. Let's see why...

 

 

A bit of history first...

There's a before and an after wide gamut screens and browsers managing ICC profiles... There's also a before and after tablets and smartphones... When one gets better, the other keeps it from evolving!

Before...

Modem 56KUntil recently, it was legitimately assumed that color management on the web was impossible. The reason for it is quite simple: browsers didn't bother with ICC profile management. Whether the image was tagged or not didn't change anything. But unfortunately, they all behaved roughly "as if" they were displayed in sRGB because all screens displayed more or less sRGB. Each RGB value in the image was then read into the color space of the screen hence alsmot sRGB. It was very convenient and acceptable. You just had to convert any image in sRGB then save it without its profile since the browser couldn't interprete it. It saved weight at the same time and since I knew the time when flow rates were 56K, it wasn't neglectable!

Now, in 2018 !

Wide gamut monitorIn one year the situation has changed a lot because almost all browsers for desktop computers but also for tablets and smartphones manage colors. To my knowledge, there is only the default Android Internet browser left, which plays the lazy role!   

So we can consider that browsers manage their colors and even if it is more necessary than ever to incorporate an ICC profile in each image, we can really choose it freely today without major consequences for their display.

 

 

What is the best attitude to adopt after all?

First of all, see what it looks like thanks to these six photos on your screen and browser:

   
 
     
 
     
 
  Here are multiple developments of the same RAW file to highlight the color management of your browser.
 

Now here's my analysis and my recommendation... Choice of the color space sRGB, Adobe RGB 98 or ProPhoto for our images on the Internet?

Since more and more screens have a wide gamut and are thus able to display Adobe RGB 1998, more or less, and since all desktop browsers – and now Safari on iOS, new! – can read color profiles, why not convert all your images into Adobe RGB 1998 and save them with their ICC profile – compulsory condition -? I'm really starting to think about it because it's become technically possible.
Anyway, I still think it's still a fantasy because the Adobe RGB 98 is only bigger than the sRGB towards the greens so in many cases, the display of our images - with integrated ICC profile - would look the same... but that's another problem!

To sum up: Do what you think is best. That's the good news at last! Not to mention reading my page on the differences between sRGB and Adobe RGB 98 because one is underestimated and the other obviously overestimated!

Save the ICC profile into the image: essential!

Photoshop 'Save for Web' menu with 'Embed profile' and 'Convert to sRGB' options.It wasn't compulsory for a long time. It was even recommended not to so as not to add weight to the images. I remember that some ICC profiles were bigger than the image itself! And yes, 4Ko were a handicap ten years ago, when you worked in 56K! It's rather funny when you think about it nowadays!

To illustrate the fact that old habits die hard, Photoshop's menu "Save for the Web" offers to save your image with or without a profile. It is not incorporated by default. So remember to check the box "Incorporate color profile" as in the image here.

My recommendation! Always incorporate an ICC profile to your images shared on the Internet. I describe Photoshop's saving menus in a dedicated paragraph.

   
Browsers Color Management Note
Safari MacOS
3 étoiles
CM OK
 
Internet Explorer V11
3 étoiles
CM in V11 OK
(ICC V2 and V4)
  Edge (Windows 10) 3 étoiles CM OK
(ICC V2 and V4)
 
Firefox (60)
3 étoiles
CM OK
and settings below *
 
Chrome (70)
3 étoiles
CM OK
  Chrome on Android 3 étoiles CM OK
 
Safari on iOS
3 étoiles
CM OK
  Android No CM No CM
   
 

* Particular case of Firefox

The browser Firefox enables to set your color management quite accurately but it doesn't do it with the right default values according to me. So we will set the file "gfx.color_management.mode" and here are my "choices":

1 - "Write "About:config" in Firefox's address bar:

About config de Firefox

2 - Write "gfx"in the search field just below:

gfx of Firefox
3 - A list of lines starting with gfx then appears below. Look for "gfx.color_management.mode" and click on it.
   
gfx.color_management.mode de Firefox
   
  4 - When you double-click on the line "gfx.color_management.mode" a new window opens:

Replace the default value "2" by "1".

By doing this; you'll activate a complete color management in Firefox:

  • If an image contains an ICC profile, it is read and interpreted correctly. The image is thus displayed with the "right" colors, whether your screen is wide gamut or not.
  • If an image doesn't contain an ICC profile, then unlike the default value "2", your image is automatically assigned the sRGB profile and will thus also be displayed correctly, even on a wide gamut screen.


And finally, I invite you to watch the photos I shared above closely and tell me what you think about them. Personally, I note weird things depending on the browsers and on the monitor displaying this page. All of this is very weird so nothing is really cast in stone!

   
 
 

To be remembered!


All browsers (or almost all) at the end of 2017 manage colors, whether it is their desktop versions and now their smartphone or tablet versions so you don't have to worry about incorporating the ICC profile you have chosen for your images. Whatever their ICC profile they will now display correctly on all media... and with the notable exception of Microsoft Surface Pro or Book which use Windows 10 so it is possible to calibrate them with my favorite sensor, the i1Display Pro.

 
     
 
 
How to manage the colors of our images for distribution on the Internet in 2018...
 
- What color management on the Internet?
  - A bit of history...
- How should we proceed?
- To be remembered...
 

- Generalities about color


 

Calibrate your monitor with the best
value ratio: Colormunki Display !

Read my Full review...

$151.92

Calibrate your monitor with your favorite colorimeter : Spyder5PRO !

Read my Full review...

$145.66

   
 

 

     

 

 

 
 

 

       

From 2002, this Website offers...
 

This site dedicated to color management for photographers and videographers, beginners or professionals, visited by more than 328,000 people last year, offers on the one hand to help you easily understand and put into practice the color management of your photos and on the other hand helps you make the best investments with more than 70 hardware or software reviews since April 2002 in French and 2014 in English! It is the result of a patient work and a long experience shared by a professional but above all passionate photographer !

 

Where do the tested products come from ? Is my opinion completely independent ?

All the products I talk about on this site have been tested by me either following a personal purchase, a friendly loan, during a training session at a customer's site or after a manufacturer's loan. In any case, I decide what I want to test and even if, in the past, some brands were "disappointed" by my conclusions, things are moving today and my impartial opinion is more and more appreciated...

 

How is this site financed? What is my business ethics?

This site is largely free and yet without any product placement and without advertising. Why? But because I made a choice

 

fifteen years ago ! However, it must be recognized that it is lucrative and that it keeps many Internet sites alive.

So I asked myself the question : what can I do because this site can only grow with regular income, like the others ? How can I continue to make information accessible free of charge, which I have historically done since April 2002 ?


     


Thanks to affiliation : every time you click on the links on this site to my partner shops, they know that you come from me and give me a small percentage of what you buy : my buying advice or anything else. Remember to use my links when you buy from them ! So it costs you nothing and everyone wins : you, them, me ! And as I live in my time, I try to work as much as possible with sites that promote social ethics in their companies. In any case, I try to offer you a varied choice of possibilities to support me...

 

Legal informations

Legal information is available on my page Legal information - Contact me...

 
 

 

     

 

 

Top



 

Sitemap   |   About  Legal information