sRGB lives matter или как Chrome врал с цветами

    image

    Началось все с того что я решил обновить свой ноутбук и купил себе DELL G3, для работы и естественно поиграть. Конечно, монитор у него не ретина, но в принципе пойдет.

    Затем как то, работая с нашим заказчиком, я обнаружил, что с удаленного рабочего стола цвета их логотипа выглядят совсем по-другому. После чего я решил открыть их сайт на разных браузерах и понял, что 2 из 4 браузеров показывают не правильно и это те что на хром движке к слову показывали правильно цвета – Mozila FireFox и Internet Explorer (внезапно! Но сайт их криво отрисовал но это уже другая история), а Google Chrome и Microsoft EDGE (на базе хром движка) не верно выводили цвета.

    Выглядело это вот так:

    image
    Если узнали чей логотип треугольника напиши в комментариях)

    Я решил глобально изменять цветовые профили в настройках системы, но это не помогло. Проведя несколько часов в интернете я узнал, что во вкладке chrome://flags можно изменить цветовой профиль и тогда это цвета будут отображаться корректно. Но после нескольких обновлений опять слетает настройка. Chrome в чем дело?

    image

    Кстати проверить цвета можно на сайте http://monteon.ru/ вот так выглядело до и после применения цветового профиля. Разница очевидна.

    image

    Кстати напишите в комментариях кто столкнулся с такой же проблемой. И помогла ли эта статья?

    Комментарии 32

      +2

      Реклама строительного магазина?

        0

        Нее)) это один из наших заказчиков

        0

        Может, я туплю, но в чем именно проблема, какие цвета неправильные? У вас на картинке разные значения RGB слева и справа, поэтому цвета разные.

          +1
          Как я понял, автор нам пытался показать, какие цвета он видел, а в реальности-то значения не менялись, но менялся цветовой профиль.

          Что касается причин сброса настройки, возможно в Windows установлен кастомный цветовой профиль и это как-то влияет на поведение браузера.
            0

            Да цвета именно в браузере не корректно отображались! Ни кастомный ни любой другой профиль на браузер не влиял почему то… Помогло лишь в вот эта настройка в браузер

              +1

              Нет, у вас теперь цвета неправильные. В EDID вашего монитора есть color primaries, с недавних пор Chrome использует их, чтобы управлять цветом. Чтобы цвета на вашем НЕ sRGB (скорее всего) мониторе были правильные (а не как после, не в sRGB). На MacOS это происходит во всей системе. Чтобы починить, если вам хочется неправильных цветов, правильнее использовать в colorcpl.exe для вашего монитора профиль sRGB IEC61966-2.1. В принципе, управление цветом в Chrome сильно забагованное, так что… Вы много не теряете.

              +1

              Нет. С недавних пор Chrome читает цветовой профиль из EDID.

              0

              Цвета в браузере отображались неверно, всему виной был цветовой профиль в браузере

                0

                Так у вас на картинке разные RGB значения справа и слева, поэтому и цвета разные?

                  +3

                  Автор просто хотел показать для наглядности что бывает если цветовой профиль разный.
                  Цветок один и тот же, но видишь его по разному.

                    0
                    это скриншоты, в оригинале CSS/картинка не менялась, менялся только броузер.
                    0

                    Нет, всему виной не sRGB EDID.

                  +3

                  Я что-то ничего не понял. Какой цветовой профиль в оригинальной картинке? Какой профиль у дисплея? Какой профиль использовали первые два браузера и другие два браузера? Смена на какой профиль решила проблему, на sRGB? Какие профили используют обычные просмотрщики картинок и графические редакторы (тот же фотошоп) и правильно ли они отображают? Да и вообще, логотип это картинка или он свёрстан? Если он свёрстан, то какие цвета прописаны в CSS? Если логотип свёрстан по какому-то макету, проверялось ли соответствие цветов из вёрстки цветам из макета и какой цветовой профиль был в макете?

                    0

                    Проблема в том, что теперь Chrome читает цвета из EDID монитора.

                      0

                      Помогло использование профиля sRGB во всех остальных местах типа просмотрщиков фотошопа цвета передаются корректно. А логотип этот был svg картинкой и в одном браузере один цвет а вдругом другой и увидеть это можно поместив 2 окна рядом.

                      0
                      Я не понял, вы о том что любой Chrome по дефолту использует неправильный профиль или лично на вашем компьютере и пост о том как Вы чинили свой Chrome?
                      Если проблема общая — то сменой профиля вы решите проблему только для себя, если лично ваша — не понятен анализ как так произошло и как вы это починили.
                        0

                        Нет, не получиться сменить профиль. С недавних пор Windows читает профиль, находящийся в EDID монитора, и chrome использует его.

                        +5

                        Господи, кровь из глаз! Столько ошибок в тексте!

                          +1

                          Ваш пост скорее подходит под формат Q&A. Некоторые браузеры показывают изображения с его учётом, а некоторые игнорируют. По теме: https://petapixel.com/2012/06/25/is-your-browser-color-managed/

                            0
                            Этой проблеме много лет. Те, кто плотно сидят на одном браузере, о ней не знают. Сам натолкнулся, когда стал параллельно использовать лису вместе с хромом и заметил, что сайты по разному раскрашены. FF отображает цвета верно, порченные у всех браузеров на хромовском движке. Лечится только через ручную установку «Force color profile» на sRGB.
                              0
                              Нет, firefox тоже отображает цвета правильно, если поставить в about:config gfx.color_management.enablev4 в true и gfx.color_management.mode в 1.

                              Они хотят сделать это поведение дефолтом. bugzilla.mozilla.org/show_bug.cgi?id=1639584
                                0
                                Нет, firefox тоже отображает цвета правильно
                                Я так и сказал, что у меня «FF отображает цвета верно». Причём без лазанья в конфиг. Посмотрел сейчас: gfx.color_management.enablev4 = false и gfx.color_management.mode = 2.
                                  0
                                  Нет, эти цвета как раз неправильные.
                                    0
                                    У меня правильные цвета при gfx.color_management.enablev4 = false.
                                    скрин

                                    Но, если я выставляю настройки так, как вы написали (gfx.color_management.enablev4 в true и gfx.color_management.mode в 1), то получаю неверные цвета.
                            0

                            Я как-то пытался заставить хром показывать правильные цвета на калиброванном мониторе. Как выяснилось хром вообще не понимает LUT-based профили ICC. Если использовать матричный профиль, то всё отображается правильно. Но матричные профили сами довольно приблизительны.

                              0
                              Я не совсем понял — проблема специфическая для DELL G3, или нет?
                                0

                                С цветами никто никому не врёт, просто Chrome использует цветовой профиль sRGB, а Firefox — нет. Да и про разные цветовые пространства интернету известно.

                                  +3

                                  Треугольник от Леруа?

                                    0
                                    Да))
                                    +1

                                    У меня такая проблема в хроме под Ubuntu. Все оттенки синего уползают в фиолетовый. До 84й версии можно было форсить sRGB через флаг, сейчас его убрали, но после волны жалоб пообещали вернуть в следующем релизе. Хотя могли бы конечно просто починить само определение профиля.

                                      0
                                      Ваш профиль в EDID монитора.

                                    Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                                    Самое читаемое