Utilore

Разрешение экрана

Наверху — разрешение вашего экрана ровно в том виде, в каком его сообщает браузер. Ниже число физических точек, плотность, объясняющая расхождение, соотношение сторон, частота обновления и размер окна браузера. Измените размер окна — числа поменяются вслед.

Всё ниже читает ваш собственный браузер. Измените размер окна — числа поменяются вместе с ним.

— Экран, точки CSS

Экран, физические точки
—
Плотность точек
—
Соотношение сторон
—
Мегапикселей
—
Область страницы
—
Окно браузера
—
Глубина цвета
—
Частота обновления
—
Ориентация
—

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

Рядом: Тест клавиатуры, Проверить микрофон, Проверить веб-камеру, Мой IP-адрес

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

  1. Крупное число — ваш экран в точках CSS, то есть в той мере, в которой работает браузер.
  2. «Экран, физические точки» — это то же число, умноженное на плотность. Именно эту величину пишут на коробке монитора.
  3. «Область страницы» — то, что достаётся самой веб-странице: окно за вычетом панелей и полос прокрутки. Это число и нужно называть, когда сайт спрашивает, в каком разрешении вы смотрите.
  4. Измените размер окна или поверните телефон набок — и увидите, какие числа меняются, а какие нет.

Полезно знать

Почему браузер говорит 390×844, а на коробке 1170×2532

Потому что считают они разное. Браузер отдаёт точки CSS — меру видимого размера, чтобы текст оставался читаемым на любом экране; на коробке считают физические точки самой матрицы. Нынешние телефонные экраны укладывают три физические точки в одну точку CSS, и ровно об этом говорит строка про плотность: при плотности 3 экран шириной 390 на деле имеет 1170 точек. На компьютере то же самое даёт масштаб: поставьте в Windows 125 %, и монитор на 1920 точек сообщит браузеру 1536. Оба числа правдивы, просто отвечают на разные вопросы.

Три размера и который из них вам нужен

Экран — это весь монитор. Окно браузера меньше: из него исключено то, что забрала себе система, — а в развёрнутом виде на Windows оно на несколько точек больше экрана, потому что рамка свисает за края. Область страницы ещё меньше: её отъедают панели, полоса вкладок и прокрутка. Когда сайт или дизайнер спрашивает «ваше разрешение», обычно имеется в виду экран; когда что-то отображается криво и вас спрашивают, в какой ширине вы смотрите, речь про область страницы.

Частота обновления замеряется, а не спрашивается

Браузеры её не сообщают, поэтому страница считает, сколько кадров успевает нарисовать за полсекунды. Результат округляется к ближайшей ходовой величине: замер «59,7» — это экран на 60 Гц плюс погрешность, и показать 59,7 значило бы выдать погрешность за факт. Замер выходит заниженным, если вкладка в фоне или машина занята, а на некоторых ноутбуках частота и правда падает ради экономии батареи — если число выглядит странно, перезагрузите страницу.

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

Какое у меня разрешение экрана?

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

Почему мой монитор 4K показывает 2560×1440?

Из-за масштабирования. При масштабе 150 % монитор на 3840 точек сообщает программам 2560, чтобы текст и кнопки не стали втрое мельче задуманного. Точек в матрице по-прежнему 3840 — их показывает строка «физические точки».

Меняется ли область страницы при увеличении?

Да, и так и должно быть: масштаб меняет, сколько точек CSS помещается на экране. При увеличении область страницы в точках CSS уменьшается, хотя окно не двигалось. Строка про экран при этом не меняется.

Частота обновления показана неверно.

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

Что-нибудь отсюда куда-нибудь отправляется?

Нет. Всё на этой странице прочитано из вашего же браузера и показано вам обратно. Ничего не отправляется на сервер, не сохраняется и не пишется в журнал, а страница работает и без сети.

Похожие инструменты