Узнать разрешение экрана
Страница сразу покажет разрешение вашего экрана в пикселях с учётом масштаба Windows или macOS, а также размер окна браузера, соотношение сторон, глубину цвета и поддержку HDR.
Обновлено
Ваш экран
Разрешение экрана
—
- В CSS-пикселях
- —
- Масштаб
- —
- Соотношение сторон
- —
- Ориентация
- —
- Глубина цвета
- —
- HDR
- —
- Цветовой охват
- —
Что показывает страница
Главная цифра — разрешение экрана в физических пикселях: сколько точек по ширине и высоте выводит сейчас монитор. Браузер сообщает сайту размер экрана в так называемых CSS-пикселях и отдельно — масштаб, то есть сколько физических пикселей приходится на один CSS-пиксель. Страница перемножает эти числа. Например, ноутбук с экраном Full HD и масштабом Windows 125 % сообщает 1536 × 864, а 1536 × 1,25 даёт 1920.
Ниже — размер в CSS-пикселях, масштаб в процентах, соотношение сторон и ориентация экрана. Глубина цвета показывает, сколько бит браузер отводит на цвет пикселя: обычно это 24 бита, по 8 на красный, зелёный и синий. Строка HDR отвечает, может ли браузер сейчас показывать расширенный динамический диапазон, а «Цветовой охват» — умеет ли экран показывать цвета шире обычного sRGB. Размер окна браузера слева обновляется на ходу: удобно, если нужно подогнать окно под снимок экрана или проверить, как сайт выглядит при определённой ширине.
Как пользоваться
- Откройте страницу на том экране, который хотите проверить. Если мониторов несколько, перенесите окно на нужный и нажмите «Обновить».
- Сбросьте масштаб самого браузера клавишами Ctrl+0 (на Mac — Cmd+0), иначе он смешается с масштабом системы.
- Сверьте разрешение с характеристиками монитора: если оно меньше родного, картинка будет менее чёткой.
- Нажмите «Скопировать всё», если нужно отправить сведения специалисту или в поддержку.
Распространённые разрешения
Строка с вашим разрешением подсвечивается, если оно есть в таблице.
| Разрешение | Название | Стороны | Где встречается |
|---|---|---|---|
| 1280 × 720 | HD (720p) | 16:9 | старые ноутбуки, телевизоры |
| 1366 × 768 | HD (WXGA) | 16:9 | недорогие ноутбуки |
| 1440 × 900 | WXGA+ | 16:10 | мониторы 19″, старые MacBook Air |
| 1600 × 900 | HD+ | 16:9 | ноутбуки и мониторы 20″ |
| 1680 × 1050 | WSXGA+ | 16:10 | мониторы 22″ формата 16:10 |
| 1920 × 1080 | Full HD (1080p) | 16:9 | большинство мониторов 22–24″ и ноутбуков |
| 1920 × 1200 | WUXGA | 16:10 | мониторы и ноутбуки 16:10 |
| 2560 × 1080 | UW-FHD (21:9) | 21:9 | широкие мониторы 29″ |
| 2560 × 1440 | 2K, QHD (1440p) | 16:9 | мониторы 27″ |
| 2560 × 1600 | WQXGA | 16:10 | ноутбуки 16:10 |
| 3440 × 1440 | UWQHD (21:9) | 21:9 | широкие мониторы 34″ |
| 3840 × 2160 | 4K UHD (2160p) | 16:9 | мониторы 27–32″, телевизоры |
| 5120 × 2880 | 5K | 16:9 | мониторы 27″ для работы с графикой |
| 7680 × 4320 | 8K UHD | 16:9 | телевизоры |
Чем больше пикселей, тем чётче картинка при том же размере экрана. У Full HD 2 073 600 пикселей, а у 4K — 8 294 400, ровно в четыре раза больше. Насколько чётким будет экран, зависит ещё и от диагонали: плотность пикселей для своего монитора можно посчитать в калькуляторе PPI.
Чего страница не умеет
Она показывает разрешение, которое выбрано в системе сейчас, а не родное разрешение матрицы. Если в настройках Windows стоит 1366 × 768 на мониторе Full HD, страница покажет 1366 × 768. На Mac в режиме «Больше места» система рисует картинку в большем разрешении, чем у экрана, и затем уменьшает её, поэтому число может оказаться больше родного. Масштаб браузера (Ctrl+плюс) смешивается с масштабом системы, а некоторые режимы защиты от слежки в Firefox и других браузерах нарочно подменяют размеры экрана. Модель монитора и его диагональ страница не видит.
Как поменять разрешение и масштаб в Windows и macOS, рассказано в статье «Как изменить разрешение экрана». Частоту обновления экрана покажет страница «Проверить герцовку монитора», а равномерность подсветки и битые пиксели — тест монитора.
Вопросы
Почему страница показывает 1536 × 864, а у меня Full HD?
1536 × 864 — это размер в CSS-пикселях при масштабе Windows 125 %. Умножьте на масштаб: 1536 × 1,25 = 1920. Страница делает это сама и показывает сверху физическое разрешение, а CSS-размер — отдельной строкой.
Как узнать родное разрешение монитора?
Родное разрешение указано в характеристиках монитора или ноутбука. В Windows его обычно отмечает слово «рекомендуется» в списке разрешений в разделе «Параметры → Система → Дисплей». Страница показывает то разрешение, которое выбрано в системе сейчас.
Что такое 2K и 4K?
В обиходе 2K называют разрешение 2560 × 1440, а 4K — 3840 × 2160, то есть в четыре раза больше пикселей, чем у Full HD. В кино 2K и 4K означают немного другие размеры — 2048 × 1080 и 4096 × 2160.
Можно ли узнать разрешение телефона?
Да, откройте страницу в браузере телефона. Сверху будет физическое разрешение экрана, а строкой ниже — размер в CSS-пикселях, под который подстраиваются сайты. У современных телефонов на один CSS-пиксель приходится два-три физических.
Источники
- MDN Web Docs. Window.devicePixelRatio — сколько физических пикселей приходится на один CSS-пиксель. (проверено 30.09.2026).
- MDN Web Docs. Screen — размер экрана, глубина цвета и ориентация, которые браузер сообщает странице. (проверено 30.09.2026).
- MDN Web Docs. Медиазапрос dynamic-range — поддерживает ли экран и браузер расширенный динамический диапазон (HDR). (проверено 30.09.2026).
Ещё сервисы
Калькулятор PPI
Плотность пикселей по диагонали и разрешению, ширина и высота экрана в см, соотношение сторон и расстояние до монитора
Герцовка монитора
Измерить частоту обновления экрана в герцах и посмотреть, насколько плавно идёт движение
Тест монитора
Полноэкранные шаблоны: цвета, градиенты, шкала серого, сетка, шахматка и движущиеся квадраты