Разрешение экрана: пиксели, соотношение сторон и частота

Как пользоваться

Прочитайте Экран (CSS-пиксели): размер всего экрана так, как его считает браузер.
Сравните Экран (физические пиксели) с цифрой на коробке дисплея или в настройках системы. Это размер в CSS, умноженный на Коэффициент пикселей устройства.
Проверьте Экран с HDR и Частота обновления. Нажмите Измерить снова при открытой вкладке и закройте другие программы, которые используют экран.

CSS-пиксели и физические пиксели

Сайт измеряет экран в CSS-пикселях, единице страницы, а не матрицы. На экране высокой плотности один CSS-пиксель выводится несколькими физическими пикселями: коэффициент пикселей устройства показывает, сколько их по каждой стороне. Телефон с шириной 390 CSS-пикселей и коэффициентом 3 имеет 1 170 физических пикселей по ширине.

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

Соотношение сторон, глубина цвета и HDR

Соотношение сторон — это ширина, делённая на высоту, приведённая к дроби: 1 920 на 1 080 даёт 16:9. У распространённых экранов есть названия: 16:9 и 16:10 — широкоэкранные, 4:3 — прежний стандарт, а 21:9 и 32:9 — ультраширокие. Когда члены дроби слишком большие, страница показывает ближайшее распространённое соотношение и помечает его как «около».

Глубина цвета — это число бит, которое используется для каждого пикселя. При 24 битах экран может показать 16 777 216 цветов. HDR означает, что дисплей может показывать более широкий диапазон яркости и цвета; страница сообщает, говорит ли ваш браузер о таком дисплее, по медиапризнаку CSS dynamic-range.

Частота обновления

Частота обновления — сколько раз в секунду экран перерисовывается: 60 Гц распространено, а 120 Гц или 144 Гц — в играх и на новых экранах. Страница считает кадры анимации, которые браузер рисует за одну секунду, и берёт типичный промежуток между ними, поэтому несколько пропущенных кадров не меняют ответ. Браузеры не сообщают частоту матрицы напрямую, поэтому это измерение.

Пример: ноутбук 1080p с масштабом 125 процентов

Ноутбук с матрицей 1 920 на 1 080 пикселей и масштабом Windows 125 процентов даёт коэффициент пикселей устройства 1,25. Тогда браузер сообщает экран 1 536 на 864 CSS-пикселя, а физический размер снова 1 920 на 1 080.

Ниже показано, что страница выводит для этого случая: соотношение сторон 16:9, а экран имеет около 1,3 мегапикселя в CSS-пикселях.

Показатель	Значение
Экран (CSS-пиксели)	1 536 × 864
Экран (физические пиксели)	1 920 × 1 080
Коэффициент пикселей устройства	1,25
Соотношение сторон	16:9 · широкоэкранный
Мегапиксели	1,3

Частые вопросы

В чём разница между CSS-пикселями и физическими пикселями?

Физические пиксели — это точки матрицы. CSS-пиксели — это единица, которую использует веб-страница, а браузер переводит её в физические пиксели по коэффициенту пикселей устройства. На экране высокой плотности размер в CSS меньше физического.

Почему браузер показывает ширину 1 536 пикселей, если дисплей 1 920 пикселей?

Масштабирование Windows делает элементы крупнее, поэтому у экрана меньше CSS-пикселей. При масштабе 125 процентов 1 920 физических пикселей — это 1 536 CSS-пикселей; физический размер остаётся 1 920.

Какая частота обновления хорошая?

Для офисной работы и видео обычно хватает 60 Гц. Более высокие частоты, например 120 Гц или 144 Гц, делают движение плавнее в играх и при прокрутке, а многие телефоны переключают частоту, чтобы экономить батарею.

Почему у HDR-монитора здесь стоит «Нет»?

Браузер сообщает о HDR, только если и операционная система, и дисплей включили его для браузера. Поэтому HDR-монитор может показать «Нет», когда HDR выключен в настройках Windows или macOS.

Может ли эта страница узнать модель моего монитора?

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

Отправляется ли что-нибудь о моём экране на сервер?

Нет. Все значения считаются и измеряются в вашем браузере, и ничего не отправляется на сервер и не сохраняется.

Источники

Цифры и текст в последний раз проверены вторник, 10 ноября 2026 г..