Какое у меня разрешение экрана и почему цифра кажется неверной

Разрешение экрана — это количество физических пикселей по ширине и высоте дисплея, записанное как ширина × высота, например 1920 × 1080. Его показывают настройки экрана вашей системы. Веб-страница же обычно сообщает другое значение, потому что браузеры измеряют размеры в CSS-пикселях — единице, которую масштабируют и операционная система, и браузер. Обе цифры могут быть верными одновременно. Проверка разрешения экрана показывает размер экрана, масштабированный размер и размер окна вместе, чтобы вы видели, с каким из них имеете дело.

Разрешение экранаКакой у меня размер экрана?Сделать бесплатно

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

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

Коэффициент плотности пикселей — это количество физических пикселей, из которых складывается один CSS-пиксель. На обычном мониторе он равен 1. На многих экранах высокой плотности он составляет 2 и больше: каждый CSS-пиксель выводится блоком 2 на 2 физических пикселя, поэтому текст выглядит чётче. Размер экрана, который страница получает в CSS-пикселях, — это физический размер, делённый на этот коэффициент.

Масштабирование в операционной системе

Чаще всего коэффициент задаёт масштабирование экрана в операционной системе. В Windows это параметр «Масштаб» в настройках дисплея. В macOS за то, сколько места получает интерфейс, отвечают варианты разрешения для дисплея. Панель 4K имеет 3840 × 2160 физических пикселей. При масштабе 200 процентов интерфейсу выделяется место, как у 1920 × 1080, и браузер на таком экране показывает 1920 × 1080 CSS-пикселей с коэффициентом 2.

Расчёт простой: физический размер делят на коэффициент масштаба.

Панель, физические пиксели	Масштаб	Размер экрана в CSS-пикселях	Коэффициент
3840 × 2160	100 процентов	3840 × 2160	1
3840 × 2160	150 процентов	2560 × 1440	1,5
3840 × 2160	200 процентов	1920 × 1080	2
1920 × 1080	100 процентов	1920 × 1080	1

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

Зум браузера меняет цифру

Масштаб страницы в браузере — отдельная настройка, не связанная с масштабированием экрана. Увеличение до 200 процентов вдвое увеличивает всё на странице. Браузер меняет коэффициент плотности пикселей под это, поэтому ширина окна в CSS-пикселях уменьшается вдвое, а физический экран остаётся прежним. Окно, которое при 100 процентах было 1280 CSS-пикселей шириной, после увеличения может показывать 640.

Зум — самая частая причина того, что две проверки дают разные цифры. Если значение кажется неверным, сначала проверьте уровень масштаба, а затем нажмите Ctrl+0 или Cmd+0 на Mac, чтобы вернуться к 100 процентам.

Экран, доступная область экрана и окно

Три размера легко перепутать.

• Экран — весь дисплей, как его видит операционная система.
• Доступная область экрана исключает зоны, которые система оставляет для себя, например панель задач в Windows или Dock и строку меню на Mac. Она никогда не бывает больше экрана.
• Окно браузера, или область просмотра (viewport), — это область, где выводится страница. Она не включает вкладки, адресную строку и панель закладок, и меняется каждый раз, когда вы изменяете размер окна.

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

Частота обновления, HDR и цветовой охват

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

Данные о HDR и цветовом охвате тоже передаются через медиазапросы, которые описывают то, что обнаружил браузер. Это может отличаться от полных возможностей дисплея и от того, что включено в системе. Относитесь к этим показаниям как к ориентиру.

Как найти цифру в системе

Чтобы проверить значение, которое использует сама система, откройте настройки экрана. В Windows 11 перейдите в «Параметры», затем «Система», затем «Экран» и посмотрите пункт «Разрешение экрана». На macOS откройте «Системные настройки» и выберите «Мониторы». В обоих случаях вы увидите масштабированное разрешение и доступные варианты.

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

Как сделать это с fixmint

1. Откройте проверку разрешения экрана. Значение вверху, «Ваш экран в CSS-пикселях», показывает результат.
2. Сравните его с «физическими пикселями (оценка)» и «коэффициентом плотности пикселей». Коэффициент больше 1 означает, что система или браузер масштабируют картинку.
3. Измените размер окна браузера или масштаб и посмотрите, как меняется «окно браузера, в реальном времени». Нажмите Ctrl+0 или Cmd+0 на Mac, чтобы вернуться к 100 процентам.
4. Прочитайте «частоту обновления, измеренную, приблизительно» и нажмите «Измерить частоту обновления» ещё раз, если показание кажется неверным.
5. Нажмите «Копировать всё», чтобы скопировать показания перед вставкой в форму обращения в поддержку.

Короткие ответы

Почему мой монитор показывает меньшее разрешение, чем у него есть?

Скорее всего, масштаб установлен выше 100 процентов. Физическое разрешение не меняется, а страница получает масштабированный размер в CSS-пикселях.

Меняет ли зум браузера разрешение экрана?

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

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

Нет. Её измеряют по кадрам анимации примерно за одну секунду. Фоновая вкладка или занятый компьютер могут занизить значение.