Escapades photographiques

par Alexandre Vouilloz

Jan 202013
 

Le 15 avril 2012, je publiais un article sur la gestion des couleurs avec les principaux navigateurs Web (cf. article d’origine ici) . Entre temps, il y a eu des évolutions pour certains navigateurs comme Chrome et Opera. Pour suivre cette évolution, vous trouverez ci-dessous une mise-à-jour de l’article paru en 2012 incluant les derniers changements.

Un des aspects important lorsque l’on présente ses photos en couleur sur Internet c’est entre autre que l’internaute qui visite le site soit en mesure de voir les couleurs telles qu’elles ont été définies par le photographe. Cela suppose que l’internaute en question ait calibré son écran mais cela ne suffit malheureusement pas. Je vous propose de faire le point sur les navigateurs capables ou non de la gestion des couleurs. La situation n’est pas simple car certains navigateurs actuels ne couvrent qu’une partie des fonctionnalités. Je précise que je présente ici la situation sous Windows XP, Vista et 7 (version Internet Explorer 10 pas testée).

Navigateurs supportant complètement la gestion des couleurs

Mozilla Firefox
  • supporte par défaut la prise en charge des profils ICC incorporés dans les images (pour activer cette possibilité, tapez about:config dans le champ de navigation puis mettre la variable gfx.color_management.mode à la valeur 2),
  • supporte par défaut la prise en charge du profil d’écran défini par le système dans le panneau de configuration->gestion des couleurs,
  • n’assume pas par défaut le profil sRGB pour afficher une image si aucun profil de couleur n’est incorporé à l’image (pour activer cette possibilité, tapez about:config dans le champ de navigation puis mettre la variable gfx.color_management.mode à la valeur 1),
  • pour changer le mode de rendu (réservé à ceux qui comprennent ce qu’ils font): tapez about:config dans le champ de navigation puis mettre la variable gfx.color management.rendering_intent à la valeur souhaitée.
Apple Safari
  • supporte par défaut la prise en charge des profils ICC incorporés dans les images,
  • supporte par défaut la prise en charge du profil d’écran défini par le système dans le panneau de configuration->gestion des couleurs,
  • n’assume pas par défaut le profil sRGB pour afficher une image si aucun profil de couleur n’est incorporé à l’image.
Google Chrome (version 22 ou plus récente)
  • supporte la prise en charge des profils ICC incorporés dans les images depuis la version 22.0.1229.79,
  • supporte par défaut la prise en charge du profil d’écran défini par le système dans le panneau de configuration->gestion des couleurs. Attention: ne plus lancer Chrome avec l’option –enable-monitor-profile car j’ai constaté que cela désactive la prise en charge du profil d’écran !
  • n’assume pas par défaut le profil sRGB pour afficher une image si aucun profil de couleur n’est incorporé à l’image.

Navigateurs supportant partiellement la gestion des couleurs

Google Chrome (version 21 ou plus ancienne)
  • ne supporte pas la prise en charge des profils ICC incorporés dans les images,
  • ne supporte pas par défaut la prise en charge du profil d’écran défini par le système dans le panneau de configuration->gestion des couleurs. Pour activer cette possibilité, lancer Chrome avec l’option:
    chrome.exe --enable-monitor-profile

Voir l’exemple ci-dessous:

Attention: à chaque mise-à-jour de Chrome, l’option rajoutée ci-dessus dans le raccourci va être effacée et il faudra la rajouter !

  • Les anciennes versions de Chrome n’interprètent donc pas les profils de couleur qui sont inclus dans les images mais elles assument par défaut le profil de couleur sRGB et effectuent la conversion vers l’espace de couleur de l’écran seulement si vous les lancez avec l’option adéquate.
Microsoft Internet Explorer 9
Opera (version 12.1 ou supérieure)
  • supportent par défaut la prise en charge des profils ICC incorporés dans les images,
  • ne supportent pas la prise en charge du profil d’écran défini par le système dans le panneau de configuration->gestion des couleurs,
  • Internet Explorer 9 et Opera (version 12.1 ou supérieure) interprètent correctement les profils de couleurs incorporés dans les images mais ils considèrent que l’espace de couleur de destination est sRGB qui ne correspond pas nécessairement à celui de l’écran. Ceci est particulièrement vrai avec les écrans arts graphiques qui supportent bien plus que sRGB (souvent presque AdobeRGB) et assumer par défaut sRGB pour de tels écrans conduit systématiquement à un affichage sur-saturé des couleurs.

Navigateurs ne supportant pas la gestion des couleurs

Anciennes versions d’Internet Explorer (version 8 ou inférieures)
Opera (version inférieure à 12.1)

Pour ces deux types de navigateurs, les images de la toile seront à coup sûr systématiquement sur-saturées avec des écrans supportant bien plus que sRGB (écrans dédiés à la photographie) et sous-saturées sur des écrans supportant moins que sRGB (écrans de certains portables) et ceci même si vous avez calibré votre écran.

Résumé

Pour celui qui navigue:
  • calibrer votre écran,
  • utilisez un navigateur qui supporte la gestion des couleurs, c’est-à-dire Firefox, Safari ou Chrome (dernières versions). Evitez les anciennes version de Chrome et, uniquement dans ce cas, activer l’option –enable-monitor-profile en sachant que ce dernier navigateur n’accepte que les images destinées à sRGB (largement majoritaires sur le Web). N’utilisez Internet Explorer 9 ou Opera 12.1 que si l’espace des couleurs de votre écran est très proche de sRGB. N’utilisez pas Internet Explorer 8 ou inférieur, ni Opera inférieur à la version 12.1.
Pour celui qui met des images sur la toile:
  • n’utilisez que le profil de destination sRGB pour préparer les images que vous placez sur la toile,
  • incorporer le profil sRGB dans vos images si vous voulez qu’elles s’affichent correctement sous Firefox, Safari et les versions récentes de Chrome (augmente la taille des images de 3 Koctets environ). A noter que certains CMS effacent ces profils en « upload »…
  • n’utilisez pas Flash pour afficher vos images sur la toile car à ma connaissance il n’y a pas de gestion des couleurs intégrée à Flash et cela court-circuite la gestion des couleurs des navigateurs qui la supportent !

Images tests

Image du Mustang avec profil sRGB standard

Image du Mustang avec profil « modifié »: rouge->bleu, bleu->vert, etc.

Cette dernière image s’affiche normalement (comme la première) sur un navigateur qui interprète correctement les profils de couleur. Attention toutefois, on ne peut pas tester ici si le navigateur utilise correctement le profil de couleur de l’écran: IE9 , Opera 12.1 ou supérieur passeront ce test sans que ça soit pour autant correct surtout avec un écran dont la gamme des couleurs est éloigné de sRGB comme ceux destinés à la photographie. Dans ce cas, seul votre œil vous permettra de tester si l’image affichée ci-dessus est ok en la comparant avec la même image sauvée sur votre disque et correctement visualisée avec un logiciel d’édition d’images qui se respecte (Gimp, IrfanView avec gestion des couleurs activée, Photoshop, etc.).

Chrome version 21 ou inférieure ne passera pas ce test même avec l’option –enable-monitor-profile activée qui lui permet cependant d’afficher correctement la plupart des images du Web car celles-ci sont généralement destinées à l’espace de couleur sRGB qu’il assume par défaut.

Avr 152012
 

La situation sur le front de la gestion des couleurs avec les navigateurs Web a évolué. Cet article n’est plus à jour. Suivez ce lien pour lire le nouvel article actualisé.

Un des aspects important lorsque l’on présente ses photos en couleur sur Internet c’est entre autre que l’internaute qui visite le site soit en mesure de voir les couleurs telles qu’elles ont été définies par le photographe. Cela suppose que l’internaute en question ait calibré son écran mais cela ne suffit malheureusement pas. Je vous propose de faire le point sur les navigateurs capables ou non de la gestion des couleurs. La situation n’est pas simple car certains navigateurs actuels ne couvrent qu’une partie des fonctionnalités. Je précise que je présente ici la situation sous Windows.

Navigateurs supportant complètement la gestion des couleurs

  Mozilla Firefox
  • supporte par défaut la prise en charge des profils ICC incorporés dans les images (pour activer cette possibilité, tapez about:config dans le champ de navigation puis mettre la variable gfx.color_management.mode à la valeur 2),
  • supporte par défaut la prise en charge du profil d’écran défini par le système dans le panneau de configuration->gestion des couleurs,
  • n’assume pas par défaut le profil sRGB pour afficher une image si aucun profil de couleur n’est incorporé à l’image (pour activer cette possibilité, tapez about:config dans le champ de navigation puis mettre la variable gfx.color_management.mode à la valeur 1),
  • pour changer le mode de rendu (réservé à ceux qui comprennent ce qu’ils font): tapez about:config dans le champ de navigation puis mettre la variable gfx.color management.rendering_intent à la valeur souhaitée.
  Apple Safari
  • supporte par défaut la prise en charge des profils ICC incorporés dans les images,
  • supporte par défaut la prise en charge du profil d’écran défini par le système dans le panneau de configuration->gestion des couleurs,
  • n’assume pas par défaut le profil sRGB pour afficher une image si aucun profil de couleur n’est incorporé à l’image.

Navigateurs supportant partiellement la gestion des couleurs

  Google Chrome
  • ne supporte pas la prise en charge des profils ICC incorporés dans les images,
  • ne supporte pas par défaut la prise en charge du profil d’écran défini par le système dans le panneau de configuration->gestion des couleurs. Pour activer cette possibilité, lancer Chrome avec l’option:
    chrome.exe --enable-monitor-profile

  Voir l’exemple ci-dessous:

Attention: à chaque mise-à-jour de Chrome, l’option rajoutée ci-dessus dans le raccourci va être effacée et il faudra la rajouter !

  • Chrome n’interprète donc pas les profils de couleur qui sont inclus dans les images mais il assume par défaut le profil de couleur sRGB et effectue la conversion vers l’espace de couleur de l’écran seulement si vous le lancez avec l’option adéquate.
  Microsoft Internet Explorer 9
  • supporte par défaut la prise en charge des profils ICC incorporés dans les images,
  • ne supporte pas la prise en charge du profil d’écran défini par le système dans le panneau de configuration->gestion des couleurs,
  • Internet Explorer 9 se comporte à l’opposé de Chrome: il interprète correctement les profils de couleurs incorporés dans les images mais il considère que l’espace de couleur de destination est sRGB qui ne correspond pas nécessairement à celui de l’écran. Ceci est particulièrement vrai avec les écrans arts graphiques qui supportent bien plus que sRGB (souvent presque AdobeRGB) et assumer par défaut sRGB pour de tels écrans conduit systématiquement à un affichage sur-saturé des couleurs.

Navigateurs ne supportant pas la gestion des couleurs

  Anciennes versions d’Internet Explorer (version 8 ou inférieures)
  Opera

Pour ces deux types de navigateurs, les images de la toile seront à coup sûr systématiquement sur-saturées avec des écrans supportant bien plus que sRGB (écrans dédiés à la photographie) et sous-saturées sur des écrans supportant moins que sRGB (écrans de certains portables) et ceci même si vous avez calibré votre écran.

Résumé

Pour celui qui navigue:
  • calibrer votre écran,
  • utilisez un navigateur qui supporte la gestion des couleurs, c’est-à-dire Firefox, Safari ou Chrome avec l’option –enable-monitor-profile activée en sachant que ce dernier navigateur n’accepte que les images destinées à sRGB (largement majoritaires sur le Web). N’utilisez Internet Explorer 9 que si l’espace des couleurs de votre écran est très proche de sRGB.
Pour celui qui met des images sur la toile:
  • n’utilisez que le profil de destination sRGB pour préparer les images que vous placez sur la toile,
  • incorporer le profil sRGB dans vos images si vous voulez qu’elles s’affichent correctement sous Firefox et Safari (augmente la taille des images de 3 Koctets environ). A noter que certains CMS effacent ces profils en « upload »…
  • n’utilisez pas Flash pour afficher vos images sur la toile car à ma connaissance il n’y a pas de gestion des couleurs intégrée à Flash et cela court-circuite la gestion des couleurs des navigateurs qui la supportent !

Images tests

Image du Mustang avec profil sRGB standard

Image du Mustang avec profil « modifié »: rouge->bleu, bleu->vert, etc.

Cette dernière image s’affiche normalement (comme la première) sur un navigateur qui interprète correctement les profils de couleur. Attention toutefois, on ne peut pas tester ici si le navigateur utilise correctement le profil de couleur de l’écran: IE9 passera ce test sans que ça soit pour autant correct surtout avec un écran dont la gamme des couleurs est éloigné de sRGB comme ceux destinés à la photographie. Dans ce cas, seul votre œil vous permettra de tester si l’image affichée ci-dessus est ok en la comparant avec la même image sauvée sur votre disque et correctement visualisée avec un logiciel d’édition d’images qui se respecte (Gimp, IrfanView avec gestion des couleurs activée, Photoshop, etc.).

Chrome ne passera pas ce test même avec l’option –enable-monitor-profile activée qui lui permet cependant d’afficher correctement la plupart des images du Web car celles-ci sont généralement destinées à l’espace de couleur sRGB qu’il assume par défaut.

Tous droits réservés. Photos et textes: © Alexandre Vouilloz - Mars 2024.