Настройка монитора онлайн

Настройка монитора онлайн по пяти таблицам: уровень чёрного, уровень белого, гамма, градиент и резкость. Таблицы открываются на весь экран, по ним яркость, контрастность, гамму и резкость подбирают кнопками самого монитора. Калибровка монитора по цвету делается дальше средствами Windows, о ней тоже есть раздел ниже. Программу ставить не нужно, таблицы рисуются в браузере и ничего не отправляют на сервер

Как пользоваться таблицами для калибровки монитора

1. Выключите «Ночной свет» в Windows: по справке Microsoft он уменьшает синий свет экрана, поэтому цвета становятся теплее. На ноутбуке заодно отключите изменение яркости на основе содержимого (об этом ниже)
2. Поставьте масштаб страницы 100% сочетанием Ctrl и 0. Под плитками видна строка «Масштаб экрана»: если число в ней целое, таблицы резкости и гаммы рисуются пиксель в пиксель
3. Нажмите на плитку нужной таблицы или на кнопку «Открыть таблицы на весь экран». Слой займёт весь экран, а если браузер не даёт полный экран, всю видимую область страницы
4. Переключайте таблицы стрелками, пробелом, кликом или кнопками «Назад» и «Дальше» в подсказке. Цифры 1-5 открывают таблицу по номеру. На телефоне тап переключает дальше, тап в левой трети экрана назад, смах пальцем вниз закрывает
5. Esc или кнопка «Выйти» закрывают таблицы. Подсказка гаснет через 3 секунды и возвращается, если подвигать мышью или подержать палец на экране

Таблицы меняются только по нажатию, сами по себе они не переключаются и не мигают. Смена таблиц подряд ограничена: не больше трёх раз в секунду, даже если держать клавишу. Это защита для людей со светочувствительной эпилепсией, у которых резкая смена яркости всего экрана может вызвать приступ

Уровень чёрного: яркость и детали в тенях

На чёрном фоне стоят 20 квадратов с уровнями от 1 до 20 из 255, номер подписан под каждым. Квадрат с номером 1 почти не отличается от фона, с номером 20 заметен сразу. Чем больше квадратов вы различаете, тем лучше монитор показывает детали в тёмных сценах фильмов и игр

• Смотрите прямо на экран, без бликов от лампы или окна: блики скрывают первые квадраты сильнее, чем любая настройка
• Если первые квадраты сливаются с фоном, поднимите яркость монитора кнопками на корпусе и посмотрите снова. Если фон при этом становится серым, а не чёрным, яркость уже лишняя
• Поищите в меню монитора пункты гаммы, уровня чёрного и режимов изображения: названия у производителей разные, а игровые и кинорежимы меняют и тени, и цвета
• Единой нормы, сколько квадратов должно быть видно, нет: у разных матриц чёрный разный. Таблица помогает сравнить настройки одного монитора между собой

Уровень белого: контрастность и детали в светлом

Таблица белого устроена так же, только на белом фоне стоят 20 квадратов с уровнями от 235 до 254. Если светлые квадраты пропадают и сливаются с белым, светлые детали (облака, снег, белая одежда на фото) теряются. Попробуйте уменьшить контрастность кнопками монитора и посмотрите, начнут ли квадраты с большими номерами снова отличаться от фона

Яркость и контрастность влияют друг на друга, поэтому таблицы чёрного и белого удобно проверять по очереди: подобрали яркость по чёрной, проверили белую, вернулись к чёрной

Гамма монитора: как проверить по таблице

Гамма описывает, как значения от 0 до 255 превращаются в яркость на экране. От неё зависят средние тона: при одной и той же яркости и контрастности картинка может выглядеть то блёклой, то слишком тёмной и насыщенной

В таблице пять квадратов из горизонтальных полос в один пиксель: строки 0 и 255 через одну. Такие полосы дают ровно половину яркости белого. В центре каждого квадрата сплошная серая заливка, рассчитанная для своей гаммы: 1,8, 2,0, 2,2, 2,4 и 2,6. Отойдите от экрана или прищурьтесь так, чтобы полосы слились: квадрат, у которого заливка сливается с полосами по яркости, и показывает примерную гамму экрана. Например, для гаммы 2,2 заливка равна 186 из 255: столько получается, если 255 умножить на 0,5 в степени 1/2,2

• Проверка честная, только если полосы лежат точно на пикселях экрана. Поэтому строка «Масштаб экрана» под плитками должна показывать целое число
• Если ни один квадрат не сливается с полосами, гамма экрана меньше 1,8 или больше 2,6, либо полосы сглаживаются масштабом
• Смотрите прямо на середину экрана, а не сбоку и не сверху

Какую гамму ставить? Сайты, фото из телефона и большинство игр рассчитаны на пространство sRGB: по спецификации CSS Color 4 это цветовое пространство CSS по умолчанию. Кривая sRGB состоит из короткого прямого участка у чёрного и степенной части, а в исходном предложении sRGB, которое в 1996 году написали Hewlett-Packard и Microsoft, целевой гаммой монитора названа 2,2. Поэтому если в меню монитора есть выбор гаммы, для обычной работы ориентир 2,2

Градиент: проверка полос и бандинга

На экране шесть полос: серая, красная, зелёная и синяя от 0 до 255, а ещё тёмные тона от 0 до 63 и светлые от 192 до 255, растянутые на всю ширину. Каждая ступень градиента нарисована своим целым значением без пропусков, поэтому в полосе от 0 до 255 ровно 256 ступеней, а в тёмной и светлой по 64. Переход должен выглядеть плавным

• Резкие границы, широкие ступени и цветные пятна внутри серой полосы называют бандингом. Ступени могут добавлять профиль цвета, настройки цвета видеокарты, режим изображения монитора и сама матрица
• Тёмная и светлая полосы растянуты: 64 ступени на всю ширину, поэтому каждая ступень в 4 раза шире, чем в полной полосе, и границы между ними легче заметить
• Сравните полосы между собой: если серая плавная, а одна из цветных ступенчатая, проблема в обработке этого цвета

Сплошные заливки и градиенты от чёрного к одному цвету на весь экран есть в проверке монитора на битые пиксели: там же ищут засветы подсветки

Резкость монитора: какую ставить

Верхняя половина таблицы белая, нижняя чёрная. В каждой горизонтальные и вертикальные линии через один пиксель, шахматка из пикселей, линии толщиной 2 пикселя и строки текста размером от 10 до 16 пикселей. Резкость в меню монитора подбирают так, чтобы линии были ровными и чёткими, а вокруг линий и букв не появлялась светлая или тёмная кайма. Если кайма есть, резкость завышена. Если линии в один пиксель сливаются в серое пятно, а буквы мягкие, причина обычно не в резкости, а в разрешении или масштабе

• Поставьте разрешение с пометкой «(рекомендуется)» в «Параметры» → «Система» → «Дисплей». Microsoft пишет, что монитор может поддерживать разрешение ниже основного, но текст тогда будет менее чётким. Текущее разрешение показывает определитель разрешения экрана
• Таблица считает реальные пиксели экрана. Браузер сообщает масштаб числом devicePixelRatio: по описанию MDN это отношение физических пикселей к пикселям страницы, и оно меняется вместе с масштабом страницы
• При масштабе Windows 125% или 150% строка «Масштаб экрана» показывает 1,25 или 1,5. Тогда линии в один пиксель браузер может сглаживать, и таблица выглядит мягче, чем экран на самом деле. Проверить просто: уменьшайте масштаб страницы сочетанием Ctrl и минус, пока число в строке не станет 1, и откройте таблицу снова

Калибровка монитора в Windows 11

Кнопки монитора меняют саму картинку, а Windows может дополнительно поправить цвет программно. Встроенная калибровка в Windows 11 по справке Microsoft открывается так: «Параметры» → «Система» → «Дисплей» → «Цветовой профиль», затем кнопка «Калибровка дисплея». Дальше идут шаги калибровки, а в конце создаётся новый цветовой профиль для того дисплея, на котором открыт инструмент. Если мониторов несколько, откройте инструмент на том, который настраиваете

• Для внешних мониторов с HDR калибровка дисплея предложит отдельное приложение «Калибровка Windows HDR»
• Ползунок яркости в Windows с внешним монитором может не появиться: яркость внешнего монитора меняется кнопками на нём
• На некоторых компьютерах с Windows 11 яркость и контрастность экрана меняются сами в зависимости от того, что на экране. Перед проверкой это лучше выключить: «Параметры» → «Система» → «Дисплей» → «Яркость», пункт «Изменение яркости на основе содержимого», вариант «Выкл.»
• Сначала настройте монитор кнопками по таблицам на этой странице, потом запускайте калибровку Windows: программный профиль не вернёт тени, которые монитор уже потерял

Ни страница, ни встроенная калибровка не измеряют экран, оценку даёт глаз. Для работы с цветом в печати и фото используют прибор, который измеряет цвет на экране: калибратор

Что ещё проверить у монитора

Частоту обновления покажет проверка герцовки монитора, а середину экрана и прицел поверх игры можно найти на странице центр экрана. Битые пиксели и засветы ищут в тесте битых пикселей

Вопросы и ответы

Можно ли откалибровать монитор онлайн без калибратора?

Настроить можно: по таблицам подбирают яркость, контрастность, гамму и резкость кнопками монитора, а цвет поправляет встроенная калибровка Windows. Измерить цвет точно без прибора нельзя, поэтому результат зависит от глаза и освещения

Гамма 2.2 или 2.4: что выбрать в мониторе?

Для сайтов, фото и игр ориентир 2,2: её называет целевой исходное предложение пространства sRGB, на которое рассчитана большая часть содержимого. Таблица гаммы помогает проверить, какой режим монитора к ней ближе

Сколько квадратов на чёрном фоне должно быть видно?

Чем больше, тем лучше видны детали в тенях, но единой нормы нет. Если не видно и первых квадратов, а фон при этом серый, яркость завышена или включён режим с другой гаммой

Почему таблица резкости рябит или выглядит мягкой?

Скорее всего, масштаб не целый: посмотрите на строку «Масштаб экрана» под плитками. При 1,25 или 1,5 браузер растягивает линии в один пиксель, и появляются рябь или серые полосы. Уменьшите масштаб страницы сочетанием Ctrl и минус, пока число не станет 1

Где в Windows 11 калибровка цветов монитора?

В «Параметры» → «Система» → «Дисплей» → «Цветовой профиль», кнопка «Калибровка дисплея». Для внешнего монитора с HDR Windows предложит приложение «Калибровка Windows HDR»

Подойдут ли таблицы для ноутбука и телефона?

Да. На ноутбуке яркость меняют клавишами или ползунком Windows, а таблицы чёрного, белого и градиента показывают, как экран передаёт тени и переходы. На телефоне таблицы переключаются тапом, а если браузер не даёт полный экран, слой займёт всю видимую область

Сохраняет или отправляет ли страница данные?

Нет. Таблицы рисуются в браузере, страница ничего не сохраняет и ничего не отправляет