Тест Градиента

Плавные градиенты в оттенках серого, цвета и полного спектра — плюс сравнение рядом с намеренно полосатым эталоном, чтобы оценить ваш дисплей по известной базе, а не на глаз.

РАБОТАЕТ ПОЛНОСТЬЮ В ВАШЕМ БРАУЗЕРЕ · НИЧЕГО НЕ ЗАПИСЫВАЕТСЯ И НЕ ОТПРАВЛЯЕТСЯ

Последнее обновление: · Проверено на точность относительно текущих API браузеров

Ищите любые видимые ступени или полосы в градиенте ниже — чистый дисплей должен плавно переходить без явных полос.

Канал

Направление

Плавный (математически непрерывный) Симулированные полосы (24 ступени)

Как использовать этот тест градиента

  1. Начните с оттенков серого, горизонтально.

    Это классический тест на полосы и самое простое место, чтобы заметить проблему.

  2. Включите режим сравнения.

    Он разделяет экран, чтобы напрямую сравнить по-настоящему плавный градиент с намеренно полосатым — эталоном, с которым вы сравниваете.

  3. Сравните верхнюю половину с нижней.

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

  4. Проверьте также отдельные цветовые каналы.

    Полосы на красном, зелёном и синем не всегда совпадают — проблема конкретного канала указывает на обработку цвета, а не на саму панель.

  5. Попробуйте полноэкранный режим в тёмной комнате.

    Маленькие окна и яркий окружающий свет заставляют реальные полосы выглядеть лучше, чем они есть.


Как на самом деле работает этот тест

Каждый градиент здесь рисуется прямо на HTML canvas, вычисляется попиксельно на основе математики, а не полагается на CSS-градиент — CSS-градиенты интерполируются и могут иметь собственные небольшие особенности округления в зависимости от браузера, что помешало бы тесту, специально пытающемуся изолировать поведение вашего дисплея. «Полосатая» половина режима сравнения создаётся намеренным округлением того же плавного градиента до всего 24 дискретных ступеней вместо обычных примерно 256 до 16 миллионов, давая вам честный, заведомо плохой эталон для сравнения, а не полагаясь на память или догадки.


Что вызывает цветовые полосы

Самая частая причина — просто ограниченная битовая глубина цвета. 8-битная панель может показать около 16,7 миллиона цветов, что звучит как много, но всё равно не всегда достаточно, чтобы отрисовать особенно тонкий градиент — например, чистое небо или мягкую тень — без видимой ступени где-то. Многие бюджетные мониторы используют 6-битную панель с дизерингом для приближения к 8-битному выводу (иногда прямо продаваемую как 8-битную), и плохо работающий дизеринг проявляется как полосы, более заметные, чем произвела бы настоящая 8-битная панель.

Помимо самой панели, некоторые настройки могут усугубить полосы: видеокарта, отправляющая 8-битный сигнал по кабелю или порту, который мог бы поддерживать 10-бит, сильное сжатие изображения или видео, отбрасывающее тонкие цветовые детали до того, как они достигнут экрана, и режимы изображения «динамическая контрастность» или яркий, добавляющие собственную обработку сверх исходного изображения. Поскольку поддержка HDR зависит от похожих факторов битовой глубины и цепочки сигнала, стоит также проверить наш Тест HDR, если вы устраняете неполадки с цветовым выводом монитора более широко.


Виноват мой дисплей или контент?

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


Можно ли уменьшить полосы?

Иногда, хотя бы частично. Отключение «динамической контрастности» и любого яркого или улучшенного режима изображения убирает обработку, которая часто делает полосы хуже, чем истинный предел панели. Если ваша видеокарта, кабель и монитор всё это поддерживают, включение более высокого вывода глубины цвета (обычно называемого 10-бит или «deep color» в настройках видеокарты) может заметно помочь даже на панели, которая сама не является настоящим 10-битным устройством, поскольку больше точности сохраняется на пути от компьютера к экрану. Устаревший графический драйвер также может незаметно ограничивать это до 8 бит — стоит проверить последнюю версию с сайта NVIDIA, AMD или Intel, прежде чем менять что-либо ещё.

Чего ничто из этого не может сделать — превратить по-настоящему 6-битную панель в 8-битную или создать битовую глубину, которой у аппаратуры просто нет — на этом этапе полосы на самых требовательных градиентах — это аппаратный предел, а не настройка.


Часто задаваемые вопросы

Как на самом деле выглядят цветовые полосы?

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

Что вызывает полосы на моём дисплее?

Чаще всего — ограниченная битовая глубина цвета. 8-битная панель показывает 16,7 миллиона цветов, но 6-битная панель с дизерингом имеет заметно меньше возможностей. Неправильные настройки глубины цвета видеокарты, сильное сжатие и агрессивная обработка в «ярком режиме» также могут усугубить проблему.

Как понять, виноват монитор или само изображение/видео?

Сравните математически сгенерированный градиент этого теста с контентом, который показал полосы. Если градиент этого инструмента выглядит плавным, а ваше видео или фото всё равно показывает полосы, вероятная причина — сам контент, а не ваш дисплей.

Почему тестировать красный, зелёный и синий отдельно, а не только серый?

Дисплей может обрабатывать каждый цветовой канал немного по-разному. Тестирование каждого канала отдельно выявляет полосы, специфичные для одного цвета, что указывает на проблему обработки или калибровки, а не на общее ограничение панели.

Можно ли исправить полосы настройками монитора?

Иногда, частично. Отключение динамической контрастности и яркого режима изображения часто помогает. Включение более высокого вывода глубины цвета в настройках видеокарты также может уменьшить проблему. Аппаратное ограничение битовой глубины самой панели — это то, что настройка не может устранить полностью.

Записывает или загружает ли этот инструмент что-либо?

Нет. Каждый градиент генерируется локально на элементе canvas в вашем браузере — ничего не захватывается, не записывается и не отправляется куда-либо.


Другие инструменты на ProDeviceTest

Плавность цвета — лишь одна часть общего качества дисплея. Эти инструменты покрывают остальное.