|
|
Quelle gestion des couleurs sur Internet ?
La gestion des couleurs sur Internet est a priori aléatoire et ce pour plusieurs raisons : vous ne maîtrisez plus rien ! Vous ne savez pas sur quel écran vos photos vont être affichées, vous ne savez pas si l'écran a été calibré, s'il s'agit d'une tablette ou d'un écran d'ordinateur, vous ne connaissez pas le navigateur que l'internaute va utiliser donc s'il utilise la gestion des profils ICC et enfin, le dernier mais pas des moindres, si son écran est un écran large gamut ou pas ! J'arrête là...
Pendant longtemps la situation était prévisible. Pas idéale d'un point de vue "théorique" mais prévisible. Nous avions donc trouvé des "trucs" pour faire en sorte que nos images s'affichent correctement sur Internet. Aujourd'hui, la situation est à la fois plus sympa mais toujours loin d'être idéale même si, au printemps 2023, la situation s'est considérablement améliorée par certains côtés... mais a aussi empirée par d'autres. Voyons pourquoi...
Tout d'abord, un peu d'histoire...
Il y a avant les écrans large gamut et les navigateurs qui gèrent les profils ICC et après... Il y a avant l'arrivée des tablettes et autres smartphones... et après. Quand l'un s'améliore, l'autre le fait stagner !
Avant...
Jusqu'à il y a peu, on considérait légitimement que la gestion des couleurs était impossible sur Internet. La raison en était toute simple : les navigateurs ne s'embarrassaient pas de gestion de profil ICC. Que l'image soit taguée ou pas d'un profil ICC ne changeait rien. Mais par chance, tous se comportaient vaguement "comme si" ils affichaient en sRVB car tous les écrans affichaient grosso modo le sRVB. Chaque valeur RVB de l'image était alors lue et interprétée dans l'espace de l'écran donc en pratique en sRVB. C'était bien pratique et largement acceptable. Il suffisait alors de convertir n'importe quelle image en sRVB puis de l'enregistrer sans son profil ICC puisque le navigateur ne savait pas l'interpréter. Chaque valeur RVB de la photo serait affichée automatiquement comme si elle devait être du sRVB. Au passage on gagnait en poids et comme j'ai connu l'époque où les débits étaient en 56K, c'était toujours bon à prendre !
Aujourd'hui, en 2023 !
En 2023, presque tous les navigateurs pour ordinateurs de bureau mais aussi pour tablettes et smartphones gèrent les couleurs. À ma connaissance, il ne reste plus que le navigateur Internet par défaut d'Android qui joue les fainéants !
Donc on peut considérer que les navigateurs gèrent les couleurs et même s'il faut plus que jamais incorporer un profil ICC dans chaque image, on peut vraiment aujourd'hui le choisir librement sans grosses conséquences pour leur affichage.
Sauf que...
Sauf que c'est sans compter sur de nombreux logiciels "montreurs" d'images comme le plus célèbre d'entre eux, j'ai nommé Instagram, qui suprime les profils ICC de nos images et nous revoilà à la case départ !
Quelle est la meilleure attitude à adopter finalement ?
Tout d'abord, voyez ce que cela donne grâce à ces six photos sur votre écran et votre navigateur : |
|
|
|
|
|
|
Navigateurs |
Gestion des couleurs |
Remarque |
|
Safari MacOS |
|
GDC OK |
|
Internet Explorer V11 |
|
GDC en V11 OK
(ICC V2 et V4) |
|
Edge (Windows 11) |
|
GDC OK
(ICC V2 et V4) |
|
Firefox |
|
GDC OK
et réglages ci-dessous * |
|
Chrome |
|
GDC OK ** |
|
Chrome sur Android |
|
GDC OK |
|
Safari sur iOS |
|
GDC OK |
|
Android |
Pas de GDC |
Pas de GDC |
|
|
|
* Cas particulier de Firefox (Ci-dessous)
** Cas particulier de Chrome (Ci-dessous) |
|
Réglages de la gestion des couleurs dans Firefox et Chrome
1 - Firefox et son "gfx.color_management.mode"
Le navigateur Firefox permet de configurer assez précisément sa gestion des couleurs mais il ne le fait pas avec les "bonnes" valeurs selon moi par défaut. Nous allons donc régler le fichier "gfx.color_management.mode" et voici mes "choix" :
- "écrivez "About:config" dans la barre d'adresse de Firefox : |
|
|
|
|
|
|
- Écrivez "gfx" dans le champ recherche juste en dessous : |
|
|
|
|
|
|
- Une liste de lignes commençant par gfx apparaît alors en dessous. Cherchez "gfx.color_management.mode" et cliquez dessus. |
|
|
|
|
|
|
- Lorsque vous double-cliquez sur la ligne "gfx.color_management.mode" vous ouvrez une nouvelle fenêtre : |
|
|
|
|
|
|
Remplacez la valeur "2" par défaut par la valeur "1".
En faisant cela vous activez une gestion des couleurs complète de Firefox :
- Si une image contient un profil ICC, celui-ci est lu et interprété correctement. L'image s'affiche donc avec les "bonnes" couleurs, que votre écran soit large gamut ou standard (sRVB).
- Si une image ne contient pas de profil ICC, alors, et contrairement à la valeur "2" par défaut, votre image se voit automatiquement attribuer le profil sRVB, ce qui est le plus probable, et sera donc, elle aussi, affichée correctement dans l'immense majorité des cas, même sur un écran large gamut.
2 - Chrome et son "Force Color Profile"
Le navigateur Chrome ne permet pas de configurer aussi précisément le comportement en gestion des couleurs que Firefox mais il permet, selon moi, le faire le réglage le plus intéressant : forcer l'affichage des images sans profil avec un profil ICC prédéterminé, en l’occurrence, le sRVB. Sans cela, l'image s'affichera avec le profil ICC de l'écran donc..., le plus souvent en sRVB car de nombreux écrans ne sont pas calibrés et utilisent, sans le savoir, un espace couleur très proche du sRVB. Dit autrement, vous pourriez ne pas noter de grosses différences d'affichage !
a) - Pour cela, commencez par taper "chrome://flags/" dans la barre d'adresse de votre navigateur Chrome.
b) - Cherchez : Force Color profile (dont l'adresse est : "chrome://flags/#force-color-profile" dans la page qui vient de s'ouvrir. (Ci-dessous) |
|
|
|
|
|
c) - Choisir le profil ICC dans le menu déroulant à droite (2). En l’occurrence il ne s'agit pas de profil ICC mais bien d'espaces couleurs puisqu'ils sont neutres et ne dépendent pas d'un périphérique. Choisissez sRVB. C'est largement le plus courant donc c'est celui qui "collera" le mieux le plus souvent.
Pour finir, je vous invite à bien regarder les photos que j'ai mises en ligne ci-dessus et me dire ce que vous en pensez. Personnellement, j'observe des choses étranges entre les navigateurs selon l'écran sur lequel j'affiche cette page. Très bizarre parfois tout cela donc rien n'est écrit dans le marbre ! |
|
|
|
|
Tous les navigateurs (ou presque) en 2023 gèrent les couleurs, que ce soit leurs versions pour ordinateurs de bureau et maintenant pour leurs versions pour smartphones ou tablettes donc vous n'avez plus à vous soucier que de bien incorporer le profil ICC que vous avez choisi pour vos images. Quel que soit leur profil ICC elles s'afficheront dorénavant correctement sur tous les supports... et sauf l'exception notable des Surface Pro ou SurfaceBook de Microsoft qui utilisent Windows 10 donc il est possible de les calibrer avec une de mes sondes préférées.
De nombreux CMS suppriment le profil ICC des images donc, plus que jamais, il faut savoir lâcher prise et accepter que quand on partage des images sur Internet on ne peut plus vraiment maîtriser leur affichage. |
|
|
|
|
|
|
|
|
|
|