Les fondamentaux de la gestion de la couleur

Afficher dans les navigateurs Internet

Testez gratuitement nos 1225 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Apprenez à afficher au mieux les images sur Internet en activant la gestion des couleurs. Passez ensuite à l'exportation des images en respectant leur colorimétrie et les profils.
08:09

Transcription

Ayant un jour besoin de références pour un cour sur la couleur en préparation je cherchais à savoir à quoi ressemble le tableau « Pommes et oranges » de Cézanne. Après cette visite sur Google Image je n’en sais toujours rien. Alors ceci c’est en guise de blague, de préambule mais quand même il y a un réel problème ça veut dire en réalité que les gens n’exportent pas convenablement, n’exporte pas avec un profil correcte sur Internet, maintenant il y a d’autres problèmes qui rentrent en ligne de compte. Mais donc le but de cette vidéo-ci est de vous montrer comment paramétrer les navigateurs et s’assurer d’un affichage idéale, en même temps de vous permettre par la suite d’exporter des images correctement sur le net. L’idée se sera évidemment d’avoir un affichage conjoint entre votre image Photoshop et votre affichage sur le net de l’image exporté. Mais à priori on va déjà commencer par la gestion des navigateurs et la chose n’est pas si simple. La première chose à faire c’est de tester votre navigateur. Certains navigateurs fonctionnent, d’autres pas. Nous allons voir, je vais me concentrer sur Firefox et sur Safari, Google Chrome rentre un peu en ligne de compte, mais n’est pas aussi précis. Je vais commencer par Safari et je vais faire ce test-ci. Le « Web browser color management test » sur cameratico.com et donc la question est clair : est-ce que votre navigateur supporte les images qui ont des profils ICC de version v2, alors moi je vois ceci, oui, en effet mon navigateur supporte les images avec ces profils et là je vois ceci, donc ça veut dire qu’au total Safari s’en sort très bien, il gère les profils incorporés des images. Quand je vois les tests additionnels ça vaut toujours la peine de voir à quelle distance de l’sRGB votre écran se trouve-t-il. Alors là on a ProPhoto et un sRGB. Ici j’ai une différence, ICC ait une différence, ici je n’en vois pas, ça veut dire que mon écran n’est pas si éloigné du sRGB quand même et je sais que c’est un écran de travail, évidemment ce n’est pas un écran de retouche ici professionnel, mais c’est une marque intéressante ici, est-ce que je vois de façon équivalente ? Oui c’est équivalent. Les images non tagués au niveau CSS s’affichent correctement ici, mais je vais continuer mon analyse des navigateurs en copiant cette adresse et en l’ouvrant dans le navigateur Firefox. Alors je vais le faire sans paramétrer Firefox, vous allez voir Ici est-ce que votre navigateur supporte les fichiers ICC profils version 2 ? Oui ! Et non il ne supporte pas les images avec un profil ICC de version 4, ce qui veut dire que ce n’est pas génial, parce que j’ai quand même un risque d’avoir des problèmes. Alors maintenant on va continuer les tests. Je retourne en Safari et je passe à un deuxième test ici. Cette image-ci s’affiche de façon normale à part qu’on voit des arts effects de jpg, et voilà ce que ça donne ! Ça veut dire que mon Safari fonctionne très, très bien, et supporte très bien tous les profils. Mais il y a un autre test subséquent et je vais lancer Firefox pour que cet URL-ci et vous montrer en réalité le test ici me montre que malgré l’autre test je ne m’en sort toujours pas bien ici. Alors ce qu’il faut savoir c’est que Firefox doit être configuré non pas au niveau des préférences mais carrément avec un tout petit peu de lignes de commandes. Ce n’est pas très compliqué en même temps, je tape Adope.config et je vais rentrer dans les préférences avancées. Oui, je fais attention et je tape ici « gfx » pour arriver dans la zone qui m’intéresse. J’ai trois éléments, le fait de passer en version 4 pour les profils, je vais double cliquer ici, c’est fait. Le « color-management » mode ce qui m’intéresse c’est de taper ici la version 1, et ce que ça amène, ce simple petit chiffre ici et ça devient vraiment très intéressant c’est que Firefox à partir de ce moment-ci va m’afficher avec un profil sRGB même les images qui n’ont pas de profil incorporé. Hors comme vous l’avez vu c’est absolument certain que la plupart des images sur internet n'ont pas de profils, elles sont probablement peut-être converti en profil correctement, mais n'ont pas de profils incorporé, il y a vraiment un souci. Maintenant je vais le faire le naïf et je vais quitter Firefox ayant sauvegardé ceci. Je ne peux pas rafraichir l’image, ça ne suffit pas, je vais quitter Firefox, je vais le relancer, et je vais retourner dans l’historique pour refaire le test. Et voyez qu’il y a quelque chose d’un peu étrange ici. En réalité il faut retourner dans la configuration, j’ai fait le naïf pour vous montrer un petit peu la logique du logiciel, gfx à nouveau, ici j’ai « Color management display profil ». Il y a un comportement de Firefox, qui est pour moi assez difficilement compréhensible on va dire, qui est que ce logiciel a besoin impérativement d’un profil d’affichage pour fonctionner convenablement, c’est-à-dire que si vous mettez un profil d’affichage vous allez voir que comme par enchantement il va afficher l’image en question ici tout à fait correctement. À priori quand je calibre un écran j’ai comme l’impression que c’est au niveau global que ça fonctionne, comme si c’était, je ne sais pas, une sorte de filtre que j’applique sur mon écran et que du coup tout est résolu, et bien non pas pour Firefox. Mais vous verrez pourquoi je tiens absolument à travailler avec Firefox, je vais lui coller l’endroit où se trouve mon profil ICC d’affichage d’écran, depuis l’utilitaire ColorSync j’avais préparé ma fenêtre, je peux copier le chemin qui va jusqu’à mon profil d’affichage sur le Mac, je colle ici ça, je fais « ok », je quitte et je relance. Je refais le test, et maintenant je suis au niveau de Safari. Alors pourquoi est-ce que, alors que j’ai un navigateur qui fonctionne bien, Safari, je m’acharne absolument à ce que Firefox fonctionne aussi. Et bien parce que Firefox est le seul à afficher les images qui n’ont pas de profils avec un profil sRGB imposé. Et ça c’est capital dans le cas où j’ai un écran à large gamut. Pourquoi ? Quelle est la logique de cette réflexion ? En réalité ce qui ce passe quand j’ai un écran à large gamut est que j’ai un navigateur, qui ne gère pas les profils sRGB, un navigateur donc qui ne laisse passer l’image tel quel est avec son sRGB, sans profil, mettons. Qu’est-ce qui va se passer si j’ai un écran à large gamut ? Et bien l’image en question va se saturer et elle va s’agrandir jusqu’au gamut de l’Adobe RGB et au gamut de l’écran, soyons clair. Un écran avec un large gamut va m’afficher moins bien les images sRGB sans profil et le son légion que les écrans courants, qui eux, puisqu’ils sont en sRGB n’ont qu’un problème afficher correctement en sRGB. Et donc voilà la raison pour laquelle Firefox est important, c’est que lui force l’affichage des images sans profils en sRGB. Voilà cette démonstration un peu technique est effectué, il me reste à vous montrer un excellent article récent plus sur le blog d’Arnaud Frich, qui concerne la gestion des couleurs sur Internet, ça va vous donner un petit peu plus de matière et je vous donne rendez-vous pour la prochaine vidéo sur l’exportation depuis Photoshop à la destination de l’affichage sur Internet.

Les fondamentaux de la gestion de la couleur

Comprenez le traitement de la couleur dans toute la chaîne graphique. Étudiez le flux de travail, depuis la prise de vue, jusqu’à son impression sur une imprimante à jet d’encre.

2h20 (36 vidéos)
Aucun commentaire n´est disponible actuellement
 

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !