Summary > Manage Colours 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 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, 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 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 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 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 (63)
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 2018 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...

£142.65

Calibrate your monitor with your favorite colorimeter : Spyder5PRO !

Read my full review...

£119.00

   
 

 

     

 

 

 
 

 

       

From 2002, this Website offers...
 

This site dedicated to colour management for photographers and videographers, beginners or professionals, visited by more than 180,000 people last year, offers on the one hand to help you easily understand and put into practice the colour management of your photos and on the other hand helps you make the best investments with more than 100 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.
they thank me for the precision of my remarks which will help their future products to progress. So things are moving and my impartial opinion is more and more appreciated.... If I believe your emails, your trust marks and even some brands.

 

You often ask me how this site is financed since its content is free...

Here is how I have been doing, historically since 2002 (in French), to make it easier for you to contribute: the affiliation and sale of my PDFs (in French).

 

Here's how affiliation works. Each time you click on the links on this site to my partner shops, for example from my test pages or on the thumbnails on the right, they know that you come from me (thanks to a piece of code in the link) and give mea small percentage on the whole of your basket (my advice of purchase as well as all your purchases in this shop). Nothing prevents you from thinking about my site when you buy from these online stores even if you don't want to buy a monitor or a colorimeter!

 

... And how to participate!

So my proposal when you don't know how to thank me for the free content: think about using my links to buy in these different partner shops because they play the game!

 

 

Legal informations

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

 
 

 

     

 

 

Top



 

US Version  |   Sitemap  |   About   |   Legal information