Что это такое
Разрешение экрана — это количество точек (пикселей), из которых состоит изображение на дисплее. Онлайн-инструмент мгновенно считывает параметры вашего устройства через браузер и показывает не только классическое значение вроде 1920×1080, но и дополнительные технические характеристики: CSS-пиксели, физическое разрешение матрицы, плотность пикселей (Device Pixel Ratio), текущий viewport окна браузера, соотношение сторон и поддержку HDR. Это самый простой способ узнать разрешение экрана без установки программ и копания в настройках системы.
Как пользоваться
- Откройте страницу инструмента в браузере на любом устройстве — компьютере, ноутбуке, планшете или смартфоне.
- Дождитесь автоматического определения параметров — данные появятся мгновенно, без нажатия кнопок.
- Изучите результат: базовое разрешение экрана, масштабирование (CSS-пиксели), физическое разрешение монитора.
- Обратите внимание на Device Pixel Ratio — он покажет, сколько физических точек приходится на один логический пиксель.
- Проверьте viewport — актуальный размер видимой области окна браузера (важно для веб-разработки).
- Если нужно, измените размер окна браузера или включите полноэкранный режим — данные обновятся автоматически.
Кому и когда пригодится
- Веб-разработчикам и дизайнерам — чтобы проверить адаптивность вёрстки под разные разрешения и корректно настроить media queries.
- Геймерам — перед настройкой графики в играх: знать родное разрешение монитора, чтобы выбрать оптимальное и избежать размытой картинки.
- Обычным пользователям — при выборе нового монитора или ноутбука, чтобы сравнить характеристики текущего устройства с желаемыми.
- Фотографам и видеомонтажёрам — для точной цветопередачи и понимания, насколько корректно отображается контент.
- Тем, кто работает с удалённым рабочим столом — чтобы подобрать оптимальные параметры трансляции экрана.
Плюсы и ограничения
Плюсы:
- Мгновенный результат без установки программ.
- Работает на любых устройствах и операционных системах.
- Показывает больше, чем стандартные настройки системы: DPR, viewport, HDR.
- Удобно для проверки адаптивности сайтов и приложений.
Ограничения:
- Точность физического разрешения зависит от того, как браузер интерпретирует данные.
- Не может определить реальную диагональ монитора — только количество пикселей.
- На некоторых устройствах с нестандартным масштабированием показатели могут отличаться от заводских характеристик.
Частые вопросы
Вопрос: Чем отличается CSS-разрешение от физического?
CSS-разрешение — это то, что реально использует браузер для отрисовки страницы, с учётом масштабирования операционной системы. Физическое — это «родное» количество пикселей матрицы дисплея. Например, на MacBook Pro с ретиной физическое разрешение может быть 3024×1964, а CSS-разрешение — 1512×982.
Вопрос: Почему инструмент показывает разрешение моего монитора меньше, чем в характеристиках?
Скорее всего, в настройках системы включено масштабирование (например, 125% или 150%). Операционная система «растягивает» интерфейс, уменьшая эффективное разрешение рабочего стола. Инструмент показывает актуальные значения, а не заводские.
Вопрос: Как узнать разрешение экрана, если сайт показывает только viewport?
Viewport — это размер видимой области окна браузера, который может быть меньше полного разрешения экрана из-за панели задач, вкладок или масштабирования. Чтобы увидеть полное разрешение, нажмите F11 для полноэкранного режима или сверьтесь с данными в настройках системы.
Вопрос: Что такое Device Pixel Ratio и зачем он нужен?
Это коэффициент, показывающий соотношение физических пикселей к логическим. Значение 2 (или 3) означает, что на один CSS-пиксель приходится 2 (или 3) физических точки. Это важно для веб-разработчиков: если не учитывать DPR, изображения на дисплеях с высокой плотностью пикселей будут выглядеть размытыми.
Вопрос: Можно ли этим инструментом проверить поддержку HDR?
Да, инструмент определяет, поддерживает ли ваш дисплей HDR-режим и какая глубина цвета используется (обычно 8 или 10 бит). Это полезно при выборе контента и настройке видеоплееров.