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

Это количество пикселей, которое показывает дисплей, в формате ширина × высота — например, 1920 × 1080 (Full HD). Чем больше пикселей, тем больше деталей и места для окон и текста.

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

Браузеры сообщают CSS-пиксели, а не физические. На экране с масштабированием — скажем, 4K-монитор со 150% в Windows или любой Mac с Retina — видимое разрешение равно физическому, делённому на масштаб. Физическое число пикселей панели показано под основным значением.

Чем разрешение экрана отличается от размера viewport?

Разрешение — это весь экран. Viewport — только область, которую окно браузера отдаёт странице: без панелей инструментов, полос прокрутки и незанятого окном пространства. Брейкпоинты адаптивной вёрстки реагируют именно на viewport, а не на экран.

Что такое device pixel ratio?

Это сколько физических пикселей дисплей укладывает в один CSS-пиксель. Ratio 1 — классический монитор, 2 — Retina/HiDPI, 3 и больше встречается на флагманских телефонах. На экранах с высоким ratio текст и картинки заметно чётче.

Что значит «доступная область экрана»?

Это экран за вычетом того, что забирает операционная система: панель задач Windows, строка меню и Dock в macOS. Экран 1080p со стандартной панелью задач Windows обычно сообщает 1920 × 1040 доступных пикселей.

Отправляются ли эти данные на сервер?

Нет. Всё читается из объектов window и screen вашего браузера через JavaScript и показывается локально. Ничего не загружается, не логируется и не сохраняется — страница работает даже офлайн.

Какое у меня разрешение экрана? Проверьте в реальном времени

Разрешение вашего экрана (CSS-пиксели)

—

Физическое: —

Viewport (окно браузера)

—

Доступная область экрана

—

Device pixel ratio

—

Соотношение сторон

—

Ориентация

—

Глубина цвета

—

Всего пикселей (физических)

—

Разрешение вашего экрана появляется сразу при загрузке страницы — вместе со всем, что дисплей сообщает браузеру: текущий размер окна (viewport), доступная область экрана, device pixel ratio, соотношение сторон, ориентация и глубина цвета. Измените размер окна или поверните устройство — цифры обновятся сразу. Удобно проверять адаптивные брейкпоинты, не открывая DevTools.

Как это работает

1
Разрешение определяется автоматически При загрузке страницы вверху появляется разрешение экрана в CSS-пикселях, а ниже — физическое разрешение, размер окна и остальные параметры дисплея.
2
Меняйте размер окна и следите за viewport Потяните край окна браузера или поверните телефон — значения viewport и ориентации обновляются в реальном времени. Быстрый способ проверить брейкпоинты вёрстки.
3
Скопируйте разрешение одним кликом Нажмите «Копировать», чтобы поместить разрешение (например, 1920x1080) в буфер обмена для баг-репорта, тикета в поддержку или спецификации.

Ваши данные защищены

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

Часто задаваемые вопросы

Что такое разрешение экрана?: Это количество пикселей, которое показывает дисплей, в формате ширина × высота — например, 1920 × 1080 (Full HD). Чем больше пикселей, тем больше деталей и места для окон и текста.
Почему инструмент показывает меньше, чем написано в характеристиках монитора?: Браузеры сообщают CSS-пиксели, а не физические. На экране с масштабированием — скажем, 4K-монитор со 150% в Windows или любой Mac с Retina — видимое разрешение равно физическому, делённому на масштаб. Физическое число пикселей панели показано под основным значением.
Чем разрешение экрана отличается от размера viewport?: Разрешение — это весь экран. Viewport — только область, которую окно браузера отдаёт странице: без панелей инструментов, полос прокрутки и незанятого окном пространства. Брейкпоинты адаптивной вёрстки реагируют именно на viewport, а не на экран.
Что такое device pixel ratio?: Это сколько физических пикселей дисплей укладывает в один CSS-пиксель. Ratio 1 — классический монитор, 2 — Retina/HiDPI, 3 и больше встречается на флагманских телефонах. На экранах с высоким ratio текст и картинки заметно чётче.
Что значит «доступная область экрана»?: Это экран за вычетом того, что забирает операционная система: панель задач Windows, строка меню и Dock в macOS. Экран 1080p со стандартной панелью задач Windows обычно сообщает 1920 × 1040 доступных пикселей.
Отправляются ли эти данные на сервер?: Нет. Всё читается из объектов window и screen вашего браузера через JavaScript и показывается локально. Ничего не загружается, не логируется и не сохраняется — страница работает даже офлайн.

Из блога

Разрешение экрана: CSS-пиксели, DPR и viewport простыми словами Почему 4K-монитор сообщает 2560×1440, что на самом деле делает device pixel ratio и как проверять брейкпоинты вживую. Читать статью →

Какое у меня разрешение экрана? Проверьте в реальном времени

Как это работает

Ваши данные защищены

Часто задаваемые вопросы

Из блога

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