Перейти к контенту
SPCXTools

Разрешение экрана

Мгновенно узнайте разрешение экрана, размер окна браузера, плотность пикселей и другие параметры дисплея.

Работает локально — файлы не покидают ваше устройство

Загрузка инструмента…

Как использовать Разрешение экрана

  1. 1Откройте страницу — ваше разрешение экрана сразу отобразится в самом верху.
  2. 2Изучите подробности ниже — CSS-разрешение, плотность пикселей, размер окна браузера, соотношение сторон, глубину цвета и многое другое.
  3. 3Измените размер окна браузера или поверните устройство — значения обновляются в реальном времени.
  4. 4Нажмите Копировать, чтобы поделиться всеми данными, например, в баг-репорте.

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

Разрешение экрана — это количество пикселей по горизонтали и вертикали на вашем дисплее, например 1920 × 1080. Этот инструмент мгновенно определяет его, а также параметры, которые обычно нужны веб-дизайнерам, разработчикам и специалистам поддержки: CSS-разрешение, device pixel ratio, размер области просмотра браузера (viewport), доступное пространство экрана, соотношение сторон, глубину цвета, цветовой охват и поддержку HDR. Все данные считываются локально из вашего браузера.

Что означают эти цифры

Физическое разрешение — это реальное количество пикселей на матрице (в большинстве случаев). Именно его указывают производители, например 2560 × 1440.

CSS-пиксели — это логические единицы, которые используют веб-сайты. Когда система масштабирует экран — например, до 200% на дисплеях Retina — один CSS-пиксель охватывает несколько физических. Благодаря этому текст остается читаемым и выглядит более четким.

Device pixel ratio связывает эти два понятия: физические пиксели = CSS-пиксели × DPR.

Viewport — это видимая область страницы в браузере. Она меняется каждый раз, когда вы изменяете размер окна, открываете инструменты разработчика или панель закладок.

Популярные разрешения экрана

Название Разрешение Соотношение сторон
HD (720p) 1280 × 720 16:9
Full HD (1080p) 1920 × 1080 16:9
WUXGA 1920 × 1200 16:10
QHD (1440p) 2560 × 1440 16:9
UWQHD (ультраширокое) 3440 × 1440 21:9
4K UHD 3840 × 2160 16:9
5K 5120 × 2880 16:9

Кому нужна эта информация

Веб-дизайнеры и разработчики тестируют адаптивную верстку с учетом реальных размеров области просмотра и плотности пикселей, а также используют эти данные для воспроизведения ошибок пользователей.

Службы поддержки и IT-специалисты запрашивают параметры экрана при решении проблем с отображением или версткой — используйте кнопку Копировать, чтобы отправить все данные сразу.

Геймеры и авторы контента проверяют, работает ли новый монитор в родном разрешении, а не в масштабированном или пониженном режиме.

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

Проверьте частоту обновления экрана с помощью Теста частоты обновления или найдите дефектные пиксели через Тест на битые пиксели.

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

Почему разрешение отличается от характеристик моего монитора?
Операционные системы часто масштабируют интерфейс. Монитор 3840 × 2160 (4K) при масштабе 150% передает сайтам «CSS-разрешение» 2560 × 1440 с соотношением пикселей устройства 1.5. Разрешение экрана в верхней части страницы умножает эти значения, чтобы получить физические пиксели. Масштаб браузера также меняет соотношение пикселей, поэтому для точных результатов сбросьте его до 100% (Ctrl/Cmd + 0).
Что такое соотношение пикселей устройства (DPR)?
DPR — это количество физических пикселей на один CSS-пиксель. У стандартного монитора DPR равен 1; у Mac с экранами Retina и большинства телефонов — 2 или 3. Экраны с высоким DPR отображают более четкий текст и изображения, так как каждый CSS-пиксель отрисовывается несколькими физическими пикселями.
Что такое viewport и почему он важен?
Viewport — это видимая область внутри окна браузера, где отображаются веб-страницы, без учета панелей инструментов и вкладок. Веб-дизайнеры используют именно его, а не полный размер экрана, для создания адаптивного дизайна. Поэтому это самый полезный показатель при оценке того, как сайт выглядит на вашем устройстве.
Что означает «доступный» размер экрана?
Это площадь экрана за вычетом постоянных элементов операционной системы, таких как панель задач Windows или строка меню и Dock в macOS — максимальный размер окна, при котором оно не перекрывает эти элементы.
Точно ли определяются HDR и цветовой охват?
Эти данные основаны на информации, которую передает браузер через медиа-запросы CSS. Поддержка HDR отображается, если дисплей и операционная система работают в режиме HDR. Широкий цветовой охват (Display P3) часто встречается на устройствах Apple, а также на современных смартфонах и мониторах.