Safari affichera les meilleures couleurs possibles pour chaque écran

Nicolas Furno |

Avec les iMac Retina et maintenant l’iPad Pro 9,7 pouces, Apple commence à généraliser les écrans P3, des dalles capables d’afficher un plus grand nombre de couleurs. Auparavant, les écrans sRGB affichaient une partie plus réduite des couleurs visibles par l’œil humain. Avec ce passage au P3, on se rapproche un petit peu plus de ce que notre organe est capable de percevoir. Ce n’est pas encore optimal, mais c’est la qualité utilisée actuellement dans les salles de cinéma et c’est un progrès net.

La même photo sur trois écrans différents. En bas à gauche, l’iPad Pro 9,7 pouces et son écran P3 affiche le meilleur rendu. (Via @chockenberry)
La même photo sur trois écrans différents. En bas à gauche, l’iPad Pro 9,7 pouces et son écran P3 affiche le meilleur rendu. (Via @chockenberry)

La différence ne saute pas toujours aux yeux, mais quand on a une image enregistrée avec suffisamment de couleurs, on obtient un résultat indéniablement meilleur. On pouvait déjà utiliser sur le web ces photos « wide-gamut », mais il fallait les fournir à tous les utilisateurs. Ce qui est non seulement inutile sur la majorité des écrans, mais qui peut en outre poser problème dans certains cas, avec un résultat pire (phénomène de banding sur les dégradés) qu’avec un fichier sRGB.

Apple va améliorer la prise en charge de ces images dans la prochaine version de WebKit. À partir d’iOS 10 et de macOS Sierra, on pourra créer des sites avec des images dans différentes colorimétries et Safari affichera automatiquement la meilleure qualité prise en charge par chaque écran. Les développeurs en charge de ce sujet à Cupertino ont détaillé le fonctionnement de cette nouvelle fonction dans cet article de blog qui détaille aussi son implémentation.

Sur cet iPad Pro 9,7 pouces doté d’un écran P3, la différence entre les deux images est parfaitement visible. — Cliquer pour agrandir
Sur cet iPad Pro 9,7 pouces doté d’un écran P3, la différence entre les deux images est parfaitement visible. — Cliquer pour agrandir
Sur cet iPad plus ancien et son écran sRGB, on voit la même chose des deux côtés. — Cliquer pour agrandir
Sur cet iPad plus ancien et son écran sRGB, on voit la même chose des deux côtés. — Cliquer pour agrandir

Apple a enrichi les media queries de la balise <picture> qui permettait déjà aux navigateurs de choisir entre une image Retina et une image standard. L’entreprise en a fait un nouveau standard et tous les navigateurs devraient y venir. Mais en attendant, cette technique permet de proposer des images de meilleure qualité à ceux qui peuvent en bénéficier — en clair, les utilisateurs de produits Apple de dernière génération — sans pour autant gêner tous les autres.

Voici comment un site web pourra afficher une image P3 uniquement pour les utilisateurs qui auront un écran compatible. Sinon, une image sRGB sera affichée en toute transparence.
Voici comment un site web pourra afficher une image P3 uniquement pour les utilisateurs qui auront un écran compatible. Sinon, une image sRGB sera affichée en toute transparence.

Si vous ne concevez pas des sites web, mais que cette nouveauté vous intéresse, l’équipe en charge de WebKit a également mis en ligne une page de comparaison pour comparer images classiques et les photos wide-gamut. Néanmoins, sans un écran P3, vous ne verrez aucune différence et c’est pourquoi cette autre page a été mise en ligne pour mieux voir ce qui distingue les versions. Par ailleurs, Craig Hockenberry d’Iconfactory proposait déjà un site de comparaison, cette fois avec de grandes images. Avec un iPad ou un iMac Retina de dernière génération, vous pourrez bien voir ce qui change.

Restera maintenant à généraliser les appareils photos capables de prendre des photos wide-gamut. Tous les reflex numériques récents peuvent en enregistrer, mais ce n’est pas le cas de l’appareil photo le plus populaire, à savoir l’iPhone. Néanmoins, si Apple généralise les écrans P3 dans sa gamme, c’est certainement pour proposer à ses clients de les exploiter pour leurs photos et vidéos. Si le prochain iPhone ne le permet pas, ce sera sûrement pour le suivant…

avatar le ratiocineur masqué | 

Donc on aura + de nuances de rouges .... Intéressant pour regarder les films d'horreur :p !!

avatar False | 

Donc avec mon écran 'non-p3', je peux quand même voir grâce à vos photos les différences entre un écran sRGB et un écran P3 ? :-)

avatar nduvivierphoto | 

Oui bien sûr, car l'appareil photo est capable de voir cette différence, sans la reproduire fidèlement. Pour te donner un exemple, si tu photographies un objet jaune fluo à côté d'un objet jaune "normal", les deux objets seront bien jaunes sur ton écran sRGB, mais tu percevras quand même une différence de jaune (sans que tu puisses percevoir le côté "fluo" pour autant). Cela dépend à la fois du gamut de l'appareil, puis du gamut de ton écran.

avatar nduvivierphoto | 

…et de l'espace couleur du fichier et du profil écran, pour être complet.

avatar iGeek07 | 

@False :
Pas vraiment, mais tu peux voir une projection dans l'espace sRGB de la différence.

avatar HoulaHup | 

@iGeek07 : tout à fait, une proejction dans l'espace sRGB de la différence. Mais il n'y a aucune raison que cette projection soit fidèle. Je dirais même, il y a toutes les chances que cette projection ne soit pas fidèle. On voit donc une différence, mais pour répondre à False, il est impossible de dire quelle est-elle.

avatar iGeek07 | 

Hum… il me semble qu'avec iOS10 l'appareil photo 12Mpx du dernier iPhone ainsi que de l'iPad pourra prendre des photos en P3… il faudrait re-regarder la session associée de la WWDC, mais je ne vois pas pourquoi ils en auraient parlé si une partie de leur matériel actuel n'en était pas capable… (ils auraient attendu le nouvel iPhone)

avatar Mektoub | 

Comment se fait-il qu'avec mon iPhone 6s "non-P3" je vois les différences sensées n'être visibles qu'avec un P3 ?????

avatar iGeek07 | 

@Mektoub :
Si vous parlez de la photo de l'écran de l'iPad 9.7 qui montre la différence entre le sRGB et le P3, c'est simplement parce que la photo qui est prise de cet écran est en sRGB, et va faire ce que nos appareils font depuis longtemps : "déformer" les couleurs qu'ils "voient" pour les "projeter" sur l'espace de couleur sRGB. Donc ça permet de voir le motif puisque les deux teintes de couleurs qui sont distinguables en P3 ont été "transformées" en deux teintes de couleurs (qui ne sont pas les bonnes) distinguables en sRGB. La différence entre les deux teintes à été accentuée.

avatar cedric1997 | 

Je crois qu'il parle des photos sur le blog d'Apple. Sur ce blog, même avec mon MacBook Pro Retina fin 2013 je peux observer une différence sur certaines des photos, mais pas toutes. Alors que le début du blog affirme que ce ne devrait pas être le cas.

avatar iDanny | 

Ça me rappelle les pubs TV pour des TV qui ont une image vachement meilleure que la nôtre... Mais comment peut-on en juger si on regarde la pub sur notre vieille TV, justement ? ;D

avatar bluesteeleyes | 

Pour que ce soit intéressant, il faudra que tout le monde soit équipé de meilleurs écrans.
En effet, quelle déception quand on travaille une photo en y passant du temps pour la parfaire, et quand on la voit sur le pc portable bas de gamme d'un copain ou d'un voisin !!!

avatar iGeek07 | 

@bluesteeleyes :
Tu comprends mieux ce que vivent les musiciens qui mixent leur chanson sur un super sound system puis écoutent le résultat sur des hauts parleurs de PC… vu que c'est là dessus que beaucoup de gens écoutent leur musique :)

avatar marc_os | 

@ iGeek07
Bien vu.
Mais le problème, c'est que le son ça ne se voit pas directement.
;-)

avatar Lemmings | 

En attendant mon Galaxy S6 affiche bien la nuance de couleur sur son écran ;) Mais une belle évolution à venir !

avatar Mrleblanc101 | 

@Lemmings :
Encore un qui n'a rien compris... Ni le Galaxy S6, ni l'iPhone 6S, ni même le Galaxy S7 n'ont un écran capable d'afficher le gamut P3 ! Tu vois une projection de la différence entre un écran sRGB et P3 dans l'espace sRGB... L'image de comparaison a été enregistré dans l'espace sRGB en dégradant l'image sRGB de façon à reproduire la même différence entre les deux gamuts visionnés sur un écran P3... Tu crois vraiment que MacG ferait un article et ajouterais des images visibles seulement pour ses lecteurs avec un iPad Pro 9.7" ou 12.9", un iMac 21" 4K ou 27"k, ou un écran Dell professionnel pour le montage vidéo et l'édition de photo ??? Bien sûr que non... Ça serait du journalisme complètement débile !

avatar Lemmings | 

@Mrleblanc101 : accessoirement j'ai lu l'article et j'ai regardé le post du Blog d'Apple, pas uniquement la capture d'écran prise en photo ici évidement. Alors traite moi de débile si tu veux, et essaye un téléphone qui sait déjà afficher la différence !

avatar Lemmings | 

Le test de display mate est assez clair sur le sujet :
"The Adaptive Display mode also delivers significantly higher color saturation, with 133 percent of the Standard sRGB/Rec.709 Color Gamut, among the highest that we have ever measured for Smartphones and Tablets."

http://www.displaymate.com/Galaxy_S6_ShootOut_1.htm

avatar jackhal | 
avatar Lemmings | 

@jackhal : le logo de webkit en rouge plus foncé que le fond.

Cela ne marche pas sur mon ordinateur en effet (ou c'est tout rouge) mais sur le S6 c'est très visible.

Voici des photos prises depuis un autre téléphone (un Nexus 5 donc excusez la qualité un peu moyenne...) :

https://dl.dropboxusercontent.com/u/106694224/IMG_20160705_004600.jpg
https://dl.dropboxusercontent.com/u/106694224/IMG_20160705_004617.jpg

C'est subtil une fois photographié mais sur l'écran du Samsung c'est très clair !

avatar sachouba | 

@Lemmings :
Je vois également la différence de couleurs entre les photos, sur le blog d'Apple, sur un Galaxy S5 (vieux de 2 ans et quelques...). C'est une révolution !

avatar Lemmings | 

@sachouba : On pense ce qu'on veut de Samsung (et j'en pense pas que du bien, vraiment), mais côté qualité des écrans, ils ont une longueur d'avance !

Je ne disais vraiment pas ça pour troller Apple, je trouve ça très bien que ces choses arrivent au plus grand nombre et voir Apple intégrer ça va pousser les concurrents à le faire aussi.

CONNEXION UTILISATEUR