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

Как проходит определение

Определитель читает screen.width и screen.height в CSS-пикселях, innerWidth и innerHeight для области страницы, а также devicePixelRatio. Значения появляются после запуска скрипта без нажатия кнопки. При изменении окна, ориентации или DPR панель пересчитывается. Эти данные остаются в открытой странице и не отправляются на сервер.

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

Масштаб визуальной области берётся из VisualViewport.scale, если API доступен. Это увеличение видимой области, например жестом на телефоне, а не настройка масштаба Windows и не универсальный процент масштаба вкладки. Неопределяемые значения обозначены словами, без подстановки предполагаемого результата.

Что такое разрешение экрана

Разрешение экрана описывает число пикселей по ширине и высоте. Запись 1920 × 1080 означает 1920 столбцов и 1080 строк. Порядок важен: после поворота телефона ширина и высота могут поменяться местами. Одинаковое количество точек бывает у дисплеев разного физического размера.

На странице браузер располагает содержимое в CSS-пикселях. Это единицы вёрстки, которые не обязаны совпадать с отдельными точками матрицы. При увеличенном системном масштабе интерфейс занимает больше физических пикселей, а доступная логическая область может оказаться меньше. Поэтому ответ определителя нужно читать вместе с единицами и DPR.

Таблица стандартных разрешений

Ниже приведены распространённые обозначения, а не все разрешения экрана. Таблица помогает прочитать характеристики устройства, но не выбирает его настройки. Один стандарт может включать несколько вариантов; для SD отдельно указаны два обычных растровых размера. HD, Full HD, QHD и UHD в этой таблице имеют соотношение сторон 16:9.

Какое у меня разрешение и как его узнать

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

Как узнать разрешение монитора по настройкам ОС: откройте параметры дисплея и выберите нужный экран, если их несколько. В Windows это раздел «Система → Дисплей», в macOS — «Дисплеи». Система может показывать выбранный режим и рекомендуемый размер. Характеристики конкретной матрицы уточняют в документации модели, а не по размеру окна сайта.

Что такое плотность пикселей (DPR)

DPR — device pixel ratio, отношение пикселей устройства к CSS-пикселю в текущих условиях отображения. Например, DPR 2 означает, что одна логическая единица соответствует двум пикселям устройства по каждой оси. На дисплеях HiDPI, в том числе обозначаемых Retina, логические и физические размеры обычно различаются.

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

Разрешение экрана и окна браузера — в чём разница

Разрешение экрана и окна браузера не обязаны совпадать. Панель «Область страницы» показывает внутренний размер, в котором размещён сайт, включая место полосы прокрутки при её наличии. Рамки окна, адресная строка и системная панель задач в эту область не входят. Уменьшите окно: viewport изменится, хотя сам монитор останется прежним.

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

Как изменить разрешение экрана

В Windows выберите нужный дисплей в «Параметры → Система → Дисплей», затем доступный режим разрешения. Масштаб текста и приложений находится рядом, но решает другую задачу. Если после смены режим неудобен, вернитесь к предыдущему или рекомендуемому системой. Доступные варианты зависят от дисплея, подключения и драйвера.

В macOS откройте системные настройки дисплеев и выберите подходящий вариант отображения. Названия и набор вариантов зависят от версии ОС и экрана. Сайт не меняет эти настройки. Если задача — сделать текст крупнее, сначала рассмотрите масштаб интерфейса: смена разрешения и увеличение страницы дают разный результат.

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