Какое у меня разрешение экрана? И почему ответ врёт

Спросите у сайта, какое у вас разрешение экрана, — и он может ответить цифрой, которой нет ни на одной коробке вашего ноутбука. Машина с 4K, сообщающая 1536x864, — это не баг, а масштабирование, делающее свою работу. У вашего экрана на самом деле три разных «разрешения», и каждое важно по своей причине.

Три числа, один экран

Когда люди говорят «разрешение», они смешивают три разных измерения:

• Размер экрана — координатное пространство дисплея, как его представляет операционная система, в CSS-пикселях, после применения масштабирования.
• Вьюпорт — часть этого пространства, которую ваше окно браузера реально занимает прямо сейчас. Измените размер окна — и это число изменится; остальные нет.
• Физические пиксели — реальные светящиеся точки панели. Цифра на коробке: 1920x1080, 3840x2160 и так далее.

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

Так какое из них — «ваше разрешение»? Для покупки монитора — физические пиксели. Для веб-дизайна и того, что видят сайты, — размер экрана в CSS-пикселях. Для вопроса, поместится ли окно видеозвонка рядом с заметками, — вьюпорт. Все это честные ответы на разные вопросы.

Почему ваш 4K-ноутбук сообщает 1536x864

Вот загадка, которая отправляет людей в поисковик. 14-дюймовый ноутбук с панелью 3840x2400 сообщает каждому сайту размер экрана 1536x864. Продавец вас обманул? Нет — ноутбук работает с масштабированием 250%, которое Windows рекомендует по умолчанию на ноутбучных экранах высокой плотности.

Математика: разделите физическое разрешение на коэффициент масштабирования. 3840 ÷ 2,5 = 1536. ОС делает вид, что экран имеет ширину 1536 CSS-пикселей, чтобы кнопки и текст оставались читаемого физического размера, а затем рисует каждый CSS-пиксель с помощью 2,5x2,5 физических пикселей кристальной чёткости. Вы получаете резкость 4K с удобством гораздо меньшего разрешения.

Тот же трюк повсюду в 2026 году: 27-дюймовый 4K-монитор при масштабировании 150% сообщает 2560x1440. Телефон с панелью 1170x2532 сообщает 390x844. Сообщаемое число — логический экран, а не физический, и сайты почти всегда видят именно логический.

Device pixel ratio — объясняем на кофе

Device pixel ratio (DPR) — мост между двумя мирами. Он отвечает на один вопрос: сколько физических пикселей дисплей использует, чтобы нарисовать один CSS-пиксель? DPR 1 означает один к одному — старый мир обычных мониторов. DPR 2 означает, что каждый CSS-пиксель — это блок 2x2 из четырёх физических, то, что Apple назвала «Retina».

Современные устройства идут дальше. Флагманские телефоны работают на DPR 3 и выше — один CSS-пиксель подкреплён девятью физическими. Тот самый ноутбук со 150-процентным масштабированием сидит на DPR 2,5. Вот почему текст на телефоне выглядит невозможно гладким: браузер рисует буквы гораздо большим числом пикселей, чем знает CSS-раскладка.

Отсюда же классическая загадка со скриншотами. Вы делаете скриншот страницы, которая «умещается» в ваш экран 1536x864, а PNG выходит шириной 3840 пикселей. Скриншоты захватывают физические пиксели, а не CSS — то есть ширина картинки равна вашей CSS-ширине, умноженной на DPR. Разрешение не менялось; менялась линейка.

В каких разрешениях люди реально играют

Физическое разрешение — по-прежнему та цифра, которая стоит денег и кадров. Каждый шаг вверх умножает число пикселей, которые видеокарте нужно протолкнуть в каждый кадр:

Несмотря на десятилетие 4K-маркетинга, Steam Hardware Survey стабильно показывает 1080p как самое распространённое игровое разрешение, а 1440p уверенно карабкается на второе место. Причина проста: соревновательные игроки меняют пиксели на частоту кадров. Картинка 1080p на 240 Гц выигрывает больше перестрелок, чем 4K на 60 Гц — тема, к которой мы возвращаемся в бенчмарках времени реакции.

Если решаете, куда вложиться, разрешение и герцовка дерутся за один и тот же бюджет. Наш чек-лист проверки монитора расскажет, как проверить и то и другое, когда новая панель приедет.

Почему стримеры и телефоны сообщают такие странные числа

Замечали у стримера в оверлее холст 1536x864 или 1600x900? Обычно это отмасштабированный 4K- или 1440p-десктоп либо намеренный даунскейл, чтобы стрим рендерился быстрее, а текст оставался читаемым на экранах телефонов. «Странные» числа — это просто физические разрешения, поделённые на коэффициенты масштабирования.

Телефоны — крайний случай. iPhone с физической панелью 1179x2556 при DPR 3 сообщает CSS-экран 393x852 — число, похожее на опечатку, пока не умножишь на три. Флагманы на Android делают то же с DPR вроде 2,625 или 3,5, поэтому статистика мобильных экранов полна значений вроде 412x915.

Планшеты, складные устройства и портативные консоли на 120 Гц играют в ту же игру в 2026 году: большие физические панели, скромные логические экраны и один DPR, переводящий между ними.

Как сайты реально используют эти числа

Отзывчивый дизайн работает на CSS-пикселях, а не на физических. Когда сайт переключается с десктопной раскладки на мобильную, он проверяет, пересёк ли ваш вьюпорт контрольную точку — обычно где-то около 768 или 1024 CSS-пикселей ширины. Ваш телефон сообщает 390 CSS-пикселей, поэтому получает мобильную раскладку, хотя физических пикселей в его панели больше, чем во многих ноутбуках.

Этим же объясняется, почему зум браузера меняет раскладку. Зум до 125% не добавляет пикселей; он раздувает CSS-пиксель, сжимая CSS-ширину вьюпорта. Дозумьтесь на десктопе достаточно далеко — и сайты выдадут вам планшетную раскладку. Фокус, который всех сбивает с толку в первый раз.

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

Когда более высокое разрешение вредит

Больше пикселей — не бесплатно. Четыре цены, которые стоит знать, прежде чем гнаться за самой большой цифрой:

• Частота кадров: 4K — это ровно в 4 раза больше пикселей, чем 1080p. Ждите примерно половины FPS от той же видеокарты, а то и хуже, при тех же настройках.
• Крошечный интерфейс: запустите 4K при масштабировании 100% на 27-дюймовом экране — и наслаждайтесь щурением на текст 9 кегля. Исправите масштабированием — и вернётесь к логическому 1440p.
• Батарея: панели с высокой плотностью и работа GPU, который их кормит, стоят реальных часов автономности ноутбукам и телефонам — одна из причин, почему многие телефоны теперь выходят с пониженными режимами рендеринга по умолчанию.
• Артефакты масштабирования: старые приложения, игнорирующие DPI-масштабирование, выглядят мыльными на экранах высокой плотности — порой хуже, чем честная панель 1080p.

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

Итог

У вашего экрана три разрешения, и все они «правильные»: физические пиксели панели, CSS-пространство после масштабирования и вьюпорт, который занимает окно браузера. Если сайт сообщает 1536x864 на вашей 4K-машине, ничего не сломано — это масштабирование 250% делает ровно то, что должно. Проверьте все три значения вживую, умножьте CSS-число на DPR, чтобы убедиться в реальности панели, и потратьте бюджет апгрейда на разрешение, которое реально потянут ваша видеокарта и ваши глаза.