🖥️

Узнать разрешение экрана

Определение разрешения экрана, DPR, viewport и характеристик дисплея

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

Узнать разрешение экрана онлайн — определение параметров монитора и устройства

Онлайн-сервис для мгновенного определения разрешения экрана вашего монитора, ноутбука, планшета или смартфона. Инструмент автоматически определяет текущее разрешение экрана в пикселях, показывает логические (CSS) и физические пиксели, рассчитывает Device Pixel Ratio (DPR), соотношение сторон, глубину цвета и ориентацию дисплея. Вы узнаете размер доступной области экрана, размер окна браузера (viewport), тип устройства и поддержку HDR — всё это без установки программ и расширений, прямо в браузере.

Знать разрешение своего экрана необходимо в самых разных ситуациях. Веб-разработчики проверяют, как сайт отображается на разных мониторах, и подбирают правильные CSS media queries. Дизайнеры адаптируют макеты под конкретные устройства и плотность пикселей. Геймеры настраивают игры для максимальной производительности и качества изображения. Обычные пользователи хотят убедиться, что их монитор работает в нативном разрешении, или ищут подходящие обои для рабочего стола. Покупатели сравнивают характеристики экранов при выборе нового устройства. Техническая поддержка запрашивает разрешение дисплея для диагностики проблем с отображением.

Наш инструмент определяет разрешение экрана бесплатно и без регистрации. Все данные обрабатываются локально в вашем браузере — никакая информация не передаётся на сервер. Результаты обновляются в реальном времени: при изменении размера окна или повороте мобильного устройства значения мгновенно пересчитываются. Вы можете скопировать любой отдельный параметр одним кликом или скопировать все результаты сразу для отправки в техническую поддержку, коллеге или для личных записей.

Инструмент показывает не только базовое разрешение, но и расширенные параметры: физическое разрешение (с учётом масштабирования Retina и HiDPI), доступную область экрана (за вычетом панели задач), размер viewport (видимая часть веб-страницы), общее количество пикселей в мегапикселях, наличие сенсорного ввода, поддержку расширенного динамического диапазона (HDR), предпочитаемую цветовую схему операционной системы (тёмная или светлая тема), а также настройки контрастности и анимации.

Для веб-разработчиков предусмотрен специальный блок с готовыми CSS media queries, адаптированными под текущий экран. Это позволяет быстро скопировать нужные стили для адаптивной вёрстки, не набирая значения вручную. Сравнительная шкала показывает, как ваше разрешение соотносится с популярными стандартами: HD, Full HD, 2K (QHD), 4K UHD и 5K.

Онлайн-определитель разрешения экрана пригодится широкому кругу пользователей. Веб-разработчикам и фронтенд-специалистам — для тестирования адаптивной вёрстки и подбора breakpoints. UI/UX дизайнерам — для понимания реальных условий просмотра макетов. Геймерам — для настройки оптимального разрешения в играх. Системным администраторам — для удалённой диагностики рабочих станций. Маркетологам — для понимания, какие экраны у целевой аудитории. Техподдержке — для быстрого получения характеристик экрана пользователя. Всем, кто подбирает обои, настраивает масштабирование ОС или сравнивает характеристики мониторов перед покупкой.

  • Мгновенное определение разрешения экрана (CSS и физические пиксели)
  • Отображение размера viewport браузера в реальном времени
  • Расчёт Device Pixel Ratio (DPR) — плотность пикселей Retina/HiDPI
  • Определение соотношения сторон (16:9, 16:10, 4:3, 21:9 и другие)
  • Информация о глубине цвета и поддержке HDR
  • Определение типа устройства, ориентации и наличия сенсорного экрана
  • Готовые CSS media queries для разработчиков
  • Сравнение с популярными стандартными разрешениями
  • Копирование отдельных значений и всех результатов одним кликом

Что такое разрешение экрана и почему оно важно

Разрешение экрана — это количество пикселей по ширине и высоте дисплея, выраженное в формате W×H (например, 1920×1080). Чем выше разрешение, тем больше пикселей помещается на экране, и тем детальнее отображается изображение. Стандартное разрешение Full HD (1920×1080) содержит более двух миллионов пикселей, а экран 4K UHD (3840×2160) — более восьми миллионов, что даёт в четыре раза более детальную картинку.

На современных устройствах существует разница между CSS-пикселями (логическими) и физическими пикселями матрицы. Коэффициент масштабирования называется Device Pixel Ratio (DPR). Например, на экране MacBook Pro с DPR 2 каждый CSS-пиксель отображается группой 2×2 физических пикселей, что обеспечивает невероятную чёткость текста и изображений. Технология Retina от Apple и аналогичные HiDPI-экраны на Windows и Android работают по этому принципу.

Соотношение сторон экрана определяет его форму. Самый распространённый формат — 16:9, используемый в большинстве мониторов и телевизоров. Формат 16:10 чаще встречается в ноутбуках и обеспечивает чуть больше вертикального пространства для работы с документами. Ультраширокие мониторы с соотношением 21:9 и 32:9 предназначены для мультизадачности и погружения в игры.

Когда вы определяете разрешение экрана через браузер, обычно получаете значение в CSS-пикселях (логических). Это то разрешение, с которым работают веб-страницы и приложения. Физическое разрешение — это реальное количество точек матрицы. На экране с DPR 2 при CSS-разрешении 1920×1080 физическое разрешение составит 3840×2160 (фактически 4K). Наш инструмент показывает оба значения, чтобы вы точно понимали возможности своего экрана.

Операционные системы Windows, macOS и Linux позволяют изменять масштаб отображения. Если вы установили масштаб 125% или 150% в Windows, CSS-разрешение будет меньше физического. Например, монитор 2560×1440 при масштабе 125% покажет CSS-разрешение 2048×1152. Это нормальное поведение, которое улучшает читаемость текста и элементов интерфейса на экранах с высокой плотностью пикселей.

    Таблица популярных разрешений экранов

    НазваниеРазрешениеСоотношениеМегапиксели
    HD (720p)1280×72016:90,92
    Full HD (1080p)1920×108016:92,07
    QHD (1440p / 2K)2560×144016:93,69
    4K UHD3840×216016:98,29
    5K5120×288016:914,75
    WQXGA2560×160016:104,10
    UWQHD (ультраширокий)3440×144021:94,95

    Как узнать разрешение экрана — пошаговая инструкция

    1

    Откройте инструмент

    Перейдите на страницу определения разрешения экрана. Данные считываются автоматически сразу при загрузке страницы — никаких дополнительных действий не требуется.

    2

    Изучите параметры экрана

    Посмотрите основное разрешение (CSS-пиксели), физическое разрешение, DPR, соотношение сторон, тип устройства. Каждый параметр сопровождается пояснением.

    3

    Скопируйте или поделитесь

    Нажмите на любую строку, чтобы скопировать конкретное значение, или используйте кнопку "Копировать всё" для полного отчёта. Кнопка "Поделиться" отправит краткую сводку.

    Примеры использования определителя разрешения экрана

    🖥️ Проверка нативного разрешения монитора

    После покупки нового монитора откройте инструмент и сверьте отображаемое разрешение с заявленным производителем. Если значения не совпадают, проверьте настройки масштабирования в Windows или macOS — возможно, система автоматически установила нестандартное масштабирование, и монитор работает не в нативном разрешении.

    📱 Тестирование адаптивной вёрстки на реальных устройствах

    Фронтенд-разработчик открывает страницу на смартфоне, видит CSS-разрешение 390×844 с DPR 3, и понимает, что физическое разрешение составляет 1170×2532. Это помогает определить правильные breakpoints и оптимизировать изображения под конкретную плотность пикселей.

    🎮 Оптимизация настроек графики в играх

    Перед настройкой разрешения в играх проверьте нативное разрешение вашего монитора. Запуск игры в нативном разрешении обеспечивает наилучшее качество картинки. Если производительности не хватает, снижайте до ближайшего стандартного разрешения (например, с 2560×1440 до 1920×1080).

    🖼️ Подбор обоев для рабочего стола

    Узнайте точное разрешение экрана, чтобы скачать обои подходящего размера. Для Retina-экранов (DPR 2 и выше) используйте изображения в физическом разрешении — они будут отображаться с максимальной чёткостью. Инструмент покажет оба значения: CSS и физическое.

    🛠️ Диагностика через техподдержку

    Специалист техподдержки просит прислать разрешение экрана для решения проблемы с отображением сайта или программы. Вместо поиска настроек ОС достаточно открыть инструмент, нажать "Копировать всё" и отправить результат — полный отчёт со всеми параметрами формируется за секунду.

    Частые вопросы об определении разрешения экрана

    Что такое разрешение экрана и как его узнать?
    Разрешение экрана — это количество пикселей по ширине и высоте дисплея (например, 1920×1080). Определить своё разрешение можно несколькими способами: через настройки операционной системы, свойства дисплея, или с помощью онлайн-инструмента, как на этой странице. Наш сервис определяет разрешение автоматически при открытии страницы и показывает как CSS-пиксели, так и физическое разрешение матрицы.
    Почему CSS-разрешение отличается от физического?
    На экранах с высокой плотностью пикселей (Retina, HiDPI) операционная система использует масштабирование. Коэффициент масштабирования — Device Pixel Ratio (DPR). При DPR 2 каждый логический (CSS) пиксель состоит из 4 физических пикселей (2×2). Поэтому на MacBook с CSS-разрешением 1440×900 физическое разрешение составляет 2880×1800. Оба значения корректны, просто описывают разные уровни абстракции.
    Что означает Device Pixel Ratio (DPR)?
    DPR (Device Pixel Ratio) показывает, сколько физических пикселей приходится на один CSS-пиксель. DPR 1 означает стандартный экран без масштабирования. DPR 2 (типично для Apple Retina) значит, что на каждый CSS-пиксель приходится 2×2 = 4 физических пикселя. DPR 3 встречается на смартфонах флагманского класса. Чем выше DPR, тем более чёткими выглядят шрифты и изображения на экране.
    Чем viewport отличается от разрешения экрана?
    Разрешение экрана — это полный размер дисплея. Viewport (область просмотра) — это размер видимой части веб-страницы внутри окна браузера. Viewport меньше разрешения экрана, потому что из него вычитаются панель задач ОС, адресная строка и панели браузера. Именно viewport используется в CSS media queries для адаптивной вёрстки и определяет, какая часть страницы видна пользователю.
    Как узнать, работает ли монитор в нативном разрешении?
    Откройте инструмент и сравните физическое разрешение с заявленным в характеристиках монитора. Если значения совпадают — монитор работает в нативном разрешении. Если физическое разрешение меньше заявленного, проверьте настройки разрешения в параметрах дисплея ОС. Для LCD-мониторов нативное разрешение обеспечивает максимально чёткое изображение без интерполяции.
    Безопасно ли определять разрешение через браузер?
    Абсолютно безопасно. Инструмент использует стандартные API браузера (window.screen, window.innerWidth, window.devicePixelRatio), которые доступны любому веб-сайту без запроса специальных разрешений. Все вычисления выполняются локально в вашем браузере — данные не отправляются на сервер, не сохраняются и не передаются третьим лицам.
    Можно ли определить разрешение на телефоне или планшете?
    Да, инструмент работает на любых устройствах: смартфонах, планшетах, ноутбуках и настольных компьютерах. На мобильных устройствах дополнительно определяются поддержка сенсорного экрана и ориентация. При повороте телефона или планшета данные автоматически обновляются. Мобильные устройства обычно имеют высокий DPR (2-3), поэтому разница между CSS и физическим разрешением на них особенно заметна.

    Полезная информация

    Инструмент определения разрешения экрана постоянно обновляется с учётом новых стандартов и браузерных API.

    Все данные обрабатываются исключительно в вашем браузере. Ни разрешение экрана, ни другие параметры не передаются на сервер. Инструмент не использует cookies и не собирает персональные данные. Результаты определяются с помощью стандартных веб-API, доступных во всех современных браузерах: Chrome, Firefox, Safari, Edge, Opera и их мобильных версиях.

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

    Комментарии (1)

    Был ли полезен этот инструмент?
    💬

    Загрузка комментариев...

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

    🖥️

    Калькулятор размера экрана

    Вычислить ширину, высоту, PPI и оптимальное расстояние по диагонали

    Перейти к инструменту →
    🔎

    Размер пикселя

    PPI экрана, конвертер пикселей и размер печати

    Перейти к инструменту →
    📐

    Пропорции изображения

    Вычислить соотношение сторон изображения, пропорциональный ресайз

    Перейти к инструменту →
    🖥️

    Калькулятор пикселей по разрешению

    Расчёт пикселей, мегапикселей, PPI, размера печати и файла по разрешению

    Перейти к инструменту →
    🎨

    Генератор CSS-градиентов

    Создайте красивый CSS-градиент для сайта с живым предпросмотром

    Перейти к инструменту →
    🎨

    Проверка контраста цветов (WCAG)

    Проверьте контрастность цветов по стандарту WCAG 2.1 для доступности сайта

    Перейти к инструменту →
    🎨

    Генератор оттенков и тонов

    Создайте палитру тонов и оттенков любого цвета с экспортом в CSS, SCSS и Tailwind

    Перейти к инструменту →
    📏

    Калькулятор межстрочного интервала

    Расчёт и конвертация межстрочного интервала (line-height) между px, pt, em, rem, %, множитель, мм, см

    Перейти к инструменту →