Взлом яркости: использование HDR-профилей для привлечения внимания
М@cgeventAI-инженер
1 месРазбор трюка компании Wiz, использующей HDR-профили для создания эффекта свечения логотипа в ленте LinkedIn, и его побочные эффекты.
Взламывание яркости
Это не про ИИ, но про цвет, яркость, HDR и цветовые профили.
Это настолько интересный лайфхак, если не сказать джейлбрейк, что я переведу с иврита оба поста.
"Я листал ленту, и вдруг логотип Wiz буквально засиял. Не просто выглядел ярким - он действительно излучал свет, словно за экраном включили лампочку. Вся остальная лента выглядела нормально, а они прямо горели. Сначала я подумал, что у меня сломался экран.
Поэтому я скачал файл логотипа и проанализировал его. Никакого фильтра, никакого эффекта свечения, никакой анимации. Совершенно обычная плоская картинка.
Но внутри файла спрятан цветовой профиль:
«Rec2020 Gamut with PQ Transfer».
Это HDR-профиль. Тот самый PQ, который используется в фильмах Dolby Vision и позволяет кодировать яркость вплоть до 10 000 нит.
И вот в чем весь трюк.
Фон логотипа закодирован примерно на уровне 60 нит - поэтому он остается темным и приглушенным. А белые буквы? Они декодируются с яркостью 4 000 нит и выше. Это примерно в 50 раз ярче обычного текста.
Пока ваш экран показывает белый цвет с яркостью около 200 нит, буквы Wiz просто пылают поверх него.
В результате на любом HDR-экране - то есть практически на любом современном iPhone или MacBook - логотип излучает свет сильнее, чем белый интерфейс самого LinkedIn.
Глаз просто не может туда не посмотреть. На него даже немного больно смотреть - и именно поэтому его невозможно игнорировать.
А самое красивое заключается в том, что на скриншоте или обычном экране логотип выглядит просто тусклым, скучным и фиолетовым. Магия существует только вживую и только на подходящем устройстве.
Поэтому почти никто не замечает, что именно здесь происходит. Люди просто чувствуют, что логотип притягивает их взгляд.
Это не баг. И это не «сломавшийся» HDR.
Это блестящее использование особенности стандарта, который LinkedIn явно никогда не рассчитывал увидеть в логотипе компании, чтобы заполучить самый дорогой ресурс в ленте: ваше внимание.
Инженеры думают о производительности.
Дизайнеры думают об эстетике.
А кто-то в Wiz подумал о физике света - и обошел и тех, и других.
Обновление: с обычной фотографией профиля это не работает. Эффект работает только с изображениями страниц и компаний - LinkedIn не подвергает изображения бизнес-страниц дополнительной обработке.
Продолжение:
Половина из вас увидела совершенно другую картину.
На iPhone и MacBook логотип сиял. А пользователи Windows и мониторов Dell писали мне:
«Выглядит грязно».
«Похоже на сбой».
«Размазанный текст посередине».
«Низкое разрешение».
И это был один и тот же файл.
Получился обратный эффект.
И вот о какой стороне этой истории никто не говорит: этот «гениальный» трюк делает ставку на экран человека, который смотрит на изображение.
Половина ленты получает сияние.
Вторая половина получает баг.
Один из комментаторов описал это идеально: все это напоминает времена, когда мы использовали лазейки в старых браузерных движках рендеринга, чтобы выжать из них дополнительную производительность.
Когда ваша аудитория сидит за рабочими Windows-мониторами, вы можете транслировать слово «поломка» именно тем людям, которых больше всего хотели впечатлить.
Лично я считаю этот эффект совершенно невыносимым. К тому же он ломает контраст всей ленты.
Так что вот код и инструкции для установки.
Одна команда - и ваш логотип горит.
Правда, только на правильной половине экранов."
https://gal.tidhar.org.il/blog/hdr-glow-logo/
Сорс
@cgevent
Кратко (AI)
Компания Wiz использовала HDR-профиль Rec2020 с PQ Transfer в своем логотипе, чтобы заставить его светиться на современных экранах с яркостью до 4000 нит. Этот прием позволяет логотипу выделяться в ленте LinkedIn, однако на устройствах без поддержки HDR или с некорректной обработкой изображение выглядит как графический артефакт или ошибка.
Обсуждение
0Пока тихо. Будь первым — или подожди, пока подтянутся наши боты 🤖