16 votes

Pourquoi les couleurs semblent-elles délavées sur MacOS Chrome et Safari par rapport à Firefox ?

J'utilise un nouveau MacBook Pro 15" avec MacOS 10.13.4 configuré avec le profil de couleur par défaut Color LCD. Je travaille dans le domaine de la conception graphique et j'ai remarqué que toutes les couleurs dans Chrome et Safari semblent "délavées" par rapport à Firefox. Ce dernier a des couleurs plus saturées/vibrantes. Et cela se produit pour les éléments HTML/CSS natifs (c'est-à-dire pas uniquement les images).

Voici une capture d'écran de la page d'accueil de SmashingMagazine avec la comparaison (Chrome à gauche, Firefox à droite). Remarquez que les couleurs sont plus vives dans Firefox (à droite) :

enter image description here

Si je modifie le profil de couleur de mon écran pour le remplacer par sRGB IEC61966-2.1, Chrome et Firefox ont le même aspect.

Pourquoi ? Toute aide est la bienvenue.

0 votes

La gestion des couleurs est un champ de mines :/ Certains navigateurs respectent les profils intégrés et d'autres non. L'image que vous avez postée est dans le profil Display... ce qui n'est pas bon. Vous devriez viser sRGB si votre cible est le web. Il n'est pas recommandé d'utiliser votre profil d'affichage dans votre flux de travail. L'étalonnage de votre moniteur serait un bon début, plutôt que l'utilisation d'un profil générique ; sinon, vous ne saurez jamais lequel est correct. Prenons l'exemple des valeurs RVB prévues pour la barre rouge supérieure.

0 votes

@Tetsujin dans mon exemple de capture d'écran, la barre rouge supérieure a une couleur de fond CSS de #d33a2c. Cette valeur est la même dans les deux navigateurs, mais avec le même profil de couleur d'affichage (Color LCD), Chrome/Safari affiche la couleur différemment de Firefox. Que le profil de couleur de mon écran soit calibré ou non, je m'attendrais à ce que le même code de couleur hexadécimal CSS s'affiche de la même manière dans Chrome, Safari et Firefox. Ma question est la suivante : pourquoi n'est-ce pas le cas ? Pour autant que je sache, il n'y a pas de gestion des couleurs (c'est-à-dire de profils de couleurs) pour CSS.

0 votes

Ce n'est pas vraiment sans tenir compte de votre étalonnage et de votre flux de travail c'est probablement parce que de celui-ci. Je ne peux pas le reproduire sur une installation calibrée. Voir aussi i.stack.imgur.com/qdVpp.png capturé à partir de Safari à gauche, Chrome à droite, avec le colorimètre numérique flottant au dessus. Les couleurs sont comme vous l'avez dit [dans les limites de la tolérance] sur les deux, lorsqu'elles sont affichées en sRGB. Si je fais flotter le colorimètre sur cette reproduction, qui a été capturée à l'écran, recadrée et sauvegardée via Photoshop, puis postée sur imgur et visualisée à partir de Safari, c'est encore la bonne couleur.

10voto

SlaughterDog Points 101

Pour que Firefox ressemble à Chrome et Safari

Par défaut, Firefox n'applique la correction des couleurs qu'aux images qui ont des profils de couleurs intégrés. Vous pouvez activer gestion de la couleur pour appliquer une correction des couleurs à tout, y compris aux couleurs définies dans les CSS. Il devrait alors ressembler davantage à Chrome et Safari.

Sur about:config (tapez cela dans la barre d'adresse), définissez gfx.color_management.mode a 1 .

https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/3.5/ICC_color_correction_in_Firefox

Correction des couleurs, trop simplifiée

Les moniteurs ont des courbes de réponse différentes. Par exemple, la différence entre #FF0000 y #FA0000 peut être perceptible sur certains moniteurs, et pas sur d'autres.

Les profils de couleur contiennent les biais permettant de compenser cela en modifiant la sortie réelle, dans le but de préserver le contraste et la précision globale de l'apparence prévue. Ils peuvent être appliqués aux moniteurs, aux imprimantes et à d'autres appareils.

De nombreux formats d'image prennent en charge les profils de couleur intégrés ; il s'agit en fait de descripteurs sur le site Web de l'entreprise. comment c'est censé être . Si le système connaît les imprécisions de votre moniteur, il peut combiner ce profil avec celui de l'image afin de déformer la sortie pour obtenir la meilleure reproduction possible.

Lorsqu'il s'agit de choses sans profil, comme les valeurs de couleur dans les CSS, il faut faire des suppositions sur l'intention.

Supposons que votre écran produise effectivement une différence perceptible entre les deux couleurs similaires mentionnées précédemment. Vous utilisez ces couleurs dans votre CSS. L'hypothèse est que votre intention était de montrer la différence subtile. Certains moniteurs peuvent finir par afficher la même couleur à l'écran, malgré les deux couleurs qui leur sont envoyées. La correction des couleurs modifie les couleurs envoyées à l'écran de sorte qu'une différence subtile soit effectivement reproduite. Si vous vouliez qu'ils apparaissent de la même manière, vous auriez juste utilisé #FF0000 et n'a jamais pris la peine de #FA0000 n'est-ce pas ?

Digital Color Meter est conscient des profils de couleurs utilisés. C'est pourquoi il donne des valeurs différentes pour la même image sur deux écrans différents, et des valeurs différentes selon l'espace couleur que vous avez sélectionné.

0 votes

Ce n'est pas la meilleure description de la gestion des couleurs, mais la première phrase l'illustre parfaitement et répond à la question initiale. Firefox semble ne pas appliquer le profil sRGB aux contenus non marqués (y compris les couleurs définies par CSS), alors que les autres navigateurs le font. Je l'ai remarqué lorsque j'ai dû faire correspondre la couleur d'un graphique PNG étiqueté à la couleur d'arrière-plan définie par le CSS - elle était légèrement en dehors dans Firefox. La solution consistait simplement à supprimer le profil de couleur de l'image. Les couleurs semblent toujours plus saturées dans Firefox, mais au moins elles sont cohérentes en interne.

0voto

dearsina Points 1932

Il est amusant de lire les réponses des "experts". Ils n'ont qu'à faire tourner Firefox contre leur navigateur sur leurs écrans calibrés pour voir la différence bien réelle. Quoi que fasse Firefox (oui, Firefox, pas un profil de couleur, pas un dispositif matériel), il améliore l'éclat et offre une expérience de couleur plus chaude.

0 votes

C'est une mauvaise idée pour ceux qui veulent des couleurs fiables.

LesApples.com

LesApples est une communauté de Apple où vous pouvez résoudre vos problèmes et vos doutes. Vous pouvez consulter les questions des autres utilisateurs d'appareils Apple, poser vos propres questions ou résoudre celles des autres.

Powered by:

X