Данные экрана и окна
Если не указано иное, размеры даны в CSS-пикселях, единицах, которыми пользуются сайты. Для точных цифр установите масштаб браузера 100% (Ctrl+0 или ⌘0 на Mac).
- Разрешение экрана
- Проверяем… Размер экрана, который видят сайты.
- Физическое разрешение
- Проверяем…Разрешение экрана × плотность пикселей: реальные пиксели матрицы.
- Область просмотра (viewport)
- Проверяем… Видимая часть страницы без панелей инструментов.
- Всё окно браузера
- Проверяем…
- Доступная область экрана
- Проверяем…Экран за вычетом панели задач, Dock или строки меню.
- Плотность пикселей
- Проверяем…
- Соотношение сторон
- Проверяем…
- Ориентация
- Проверяем…
- Глубина цвета
- Проверяем…
- Цветовой охват
- Проверяем…
- HDR
- Проверяем…
- Частота обновления
- Проверяем…
- Сенсорный экран
- Проверяем…
- Мониторы
- Проверяем…
Область просмотра на вашем экране
Внешняя рамка показывает ваш экран, а затенённая область показывает видимую часть этой страницы, то есть место, где находится окно браузера.
Популярные разрешения экрана
Разрешения мониторов и ноутбуков указаны в физических пикселях, а телефонов и планшетов в CSS-пикселях, как их видят сайты. Строки, которые совпадают с вашим экраном, отмечены.
| Название | Разрешение | Соотношение сторон | Где встречается |
|---|---|---|---|
| HD (720p) | 1280 × 720 | 16:9 | HD-телевизоры, небольшие ноутбуки |
| WXGA | 1366 × 768 | 16:9 | Бюджетные ноутбуки |
| HD+ | 1600 × 900 | 16:9 | 17-дюймовые ноутбуки, старые мониторы |
| Full HD (1080p) | 1920 × 1080 | 16:9 | Большинство мониторов и ноутбуков |
| WUXGA | 1920 × 1200 | 16:10 | Офисные мониторы, ноутбуки |
| QHD / 2K (1440p) | 2560 × 1440 | 16:9 | 27-дюймовые мониторы, игры |
| WQXGA | 2560 × 1600 | 16:10 | MacBook Air и Pro, ноутбуки 16:10 |
| UWQHD | 3440 × 1440 | 21:9 | 34-дюймовые ультраширокие мониторы |
| 4K UHD (2160p) | 3840 × 2160 | 16:9 | 4K-мониторы и телевизоры |
| 5K | 5120 × 2880 | 16:9 | iMac, Apple Studio Display |
| iPhone 12 / 13 / 14 | 390 × 844 | 19.5:9 | iPhone (CSS-пиксели) |
| iPhone 15 / 16 | 393 × 852 | 19.5:9 | iPhone (CSS-пиксели) |
| Android | 412 × 915 | 20:9 | Телефоны на Android (CSS-пиксели) |
| iPad | 810 × 1080 | 4:3 | iPad (CSS-пиксели) |
Что такое разрешение экрана
Разрешение экрана это количество пикселей, которые дисплей показывает по горизонтали и по вертикали. Его записывают как ширина × высота. У монитора Full HD разрешение 1920 × 1080: 1920 пикселей в ширину и 1080 в высоту, всего около двух миллионов пикселей.
Чем больше пикселей на экране того же размера, тем чётче текст и изображения. Поэтому у 13-дюймового ноутбука разрешение может быть выше, чем у 24-дюймового офисного монитора.
Почему разрешение ниже, чем у монитора
Windows, macOS, iOS и Android увеличивают всё на экране, чтобы текст оставался читаемым на чётких дисплеях. Ноутбук с матрицей 1920 × 1080 и масштабом 125% сообщает сайтам, что его экран 1536 × 864, а MacBook с матрицей 2560 × 1600 обычно показывает 1440 × 900 или 1470 × 956.
Сайты видят только эти масштабированные размеры, их называют CSS-пикселями. Умножьте их на плотность пикселей (device pixel ratio), и получится физическое разрешение, которое эта страница показывает под основной цифрой. Масштаб браузера тоже меняет плотность пикселей, поэтому перед сравнением верните его на 100%.
Разрешение экрана, область просмотра и размер окна
- Разрешение экрана: весь дисплей, включая части, закрытые другими окнами.
- Доступная область экрана: дисплей без панели задач, Dock или строки меню.
- Окно браузера: всё окно, включая вкладки, адресную строку и рамки.
- Область просмотра (viewport): часть окна, в которой отображается страница. Именно на этом размере веб-дизайнеры проверяют вёрстку. Он меняется, когда вы изменяете размер окна или открываете инструменты разработчика.
Как изменить разрешение экрана
- Windows 11 и 10: правый клик по рабочему столу > Параметры экрана > Разрешение экрана. Вариант с пометкой (рекомендуется) это родное разрешение монитора. Масштаб настраивается чуть выше.
- macOS: меню Apple > Системные настройки > Дисплеи, затем выберите размер. Более крупный текст означает меньше CSS-пикселей, но более крупных; физическое разрешение матрицы не меняется.
- iPhone и Android: разрешение фиксировано. Увеличение дисплея (iPhone) или Размер экрана (Android) меняет размер элементов, а значит, и CSS-размер, который видят сайты.
- Для самой чёткой картинки оставьте родное разрешение и меняйте масштаб.
Вопросы
Какое у меня разрешение экрана?
Оно показано вверху этой страницы, данные берутся из вашего браузера. Крупная цифра это размер, который видят сайты; строка под ней показывает физическое разрешение дисплея и масштаб, установленный в системе.
Почему показывает 1536 × 864, если у монитора 1920 × 1080?
В системе установлен масштаб 125%, поэтому сайты видят экран в 1,25 раза меньше. Физическое разрешение монитора по-прежнему 1920 × 1080, оно указано под основной цифрой. Точно так же масштаб 150% превращает 1920 × 1080 в 1280 × 720.
1920 × 1080 это то же самое, что 1080p и 2K?
1920 × 1080 это Full HD, его также называют 1080p. Для мониторов 2K обычно означает 2560 × 1440 (QHD или 1440p), хотя в кино 2K это 2048 × 1080. 4K UHD это 3840 × 2160, в четыре раза больше пикселей, чем у 1080p.
Что такое область просмотра (viewport)?
Область просмотра это часть окна браузера, в которой отображается страница, без вкладок, адресной строки и полос прокрутки. Под этот размер подстраиваются адаптивные сайты, поэтому именно его имеют в виду дизайнеры, когда спрашивают размер вашего браузера.
Что такое плотность пикселей (device pixel ratio)?
Это количество физических пикселей в одном CSS-пикселе. Значение 1 означает, что масштабирования нет, 2 типично для Mac с Retina и многих телефонов, 3 для последних iPhone. Масштаб браузера тоже его меняет.
Как узнать разрешение экрана телефона?
Откройте эту страницу на телефоне. Телефоны сообщают размер в CSS-пикселях, например 393 × 852 на iPhone 15. Умножьте его на плотность пикселей (3 на этом iPhone), и получится 1179 × 2556 пикселей матрицы. Эта страница считает это за вас.
Точна ли частота обновления?
Она измеряется по тому, как часто браузер отрисовывает кадр, поэтому значение близкое, но не точное. Режим энергосбережения, фоновая вкладка или загруженный компьютер могут занизить результат по сравнению с настройкой дисплея.
Статьи
- Что такое IP-адрес?
IP-адрес — это номер, по которому интернет понимает, куда отправлять данные для вас. Разберём, как он выглядит, какие бывают виды и что ваш IP сообщает о вас.
- Как узнать свой IP-адрес
Внешний IP можно узнать в один клик. Как найти внутренний, зависит от устройства. Ниже — точные шаги для каждого.
- IPv4 и IPv6: в чём разница?
IPv6 приходит на смену IPv4, потому что адреса в мире закончились. Разберём, чем они отличаются, как понять, какой используете вы, и почему IPv6 важен, если у вас VPN.
- Что такое утечка DNS и как её устранить?
Даже при включённом VPN устройство может продолжать спрашивать у провайдера адрес каждого сайта, который вы открываете. Это и есть утечка DNS. Разберём, как её обнаружить и остановить.