Перевірка роздільної здатності екрана
Побачте роздільну здатність свого екрана миттєво. Цей інструмент зчитує розмір екрана, доступну область, viewport, співвідношення пікселів пристрою, глибину кольору, кольоровий охват та орієнтацію безпосередньо в браузері й оновлює їх наживо під час зміни розміру, масштабування чи обертання — без встановлення, усе обробляється локально.
Порада: скиньте масштаб браузера (Ctrl/Cmd + 0), щоб отримати точну фізичну роздільну здатність.
🔒 Усі виміри виконуються локально у вашому браузері. Нічого не завантажується.
Перевірте Роздільну Здатність Екрана Онлайн Миттєво
Цей інструмент перевірки роздільної здатності екрана дозволяє перевірити CSS-роздільну здатність вашого дисплея, фізичну піксельну роздільну здатність, розмір viewport, співвідношення пікселів пристрою, глибину кольору, кольоровий обсяг та підтримку HDR. Незалежно від того, чи перевіряєте ви 4K-монітор, ноутбук Retina чи мобільний телефон, значення оновлюються в реальному часі при зміні розміру, масштабуванні або обертанні — без завантаження.
Дивіться роздільну здатність екрана, доступну область екрана, viewport браузера, співвідношення пікселів пристрою, глибину кольору, кольоровий охват, орієнтацію та співвідношення сторін — усе в одному місці.
Значення оновлюються в реальному часі, коли ви змінюєте розмір вікна, масштабуєте сторінку, обертаєте мобільний пристрій або переносите вікно на інший монітор.
Ми поєднуємо розмір у CSS-пікселях зі співвідношенням пікселів пристрою, щоб оцінити фізичну роздільну здатність, яку монітор насправді відтворює.
Перевірте глибину кольору (бітів на піксель) і кольоровий охват, який повідомляє дисплей — sRGB, DCI-P3 або Rec. 2020, — а також підтримку HDR.
Спеціальні API браузера не потрібні. Інструмент працює на настільних комп'ютерах, ноутбуках, планшетах і телефонах у будь-якому сучасному браузері.
Нічого не завантажується. Кожен вимір зчитується й відображається локально у вашому браузері — без облікових записів, без відстеження, без звернень до сервера.
CSS-пікселі — це логічна одиниця, тому інструмент множить отриманий розмір на співвідношення пікселів пристрою, щоб оцінити реальну кількість пікселів, яку відтворює панель.
Дивіться, у якій орієнтації зараз дисплей — альбомній чи книжковій — і яке співвідношення він використовує: 16:9, 16:10, 21:9 чи 32:9; під час обертання пристрою обидва виміри змінюються наживо.
Подивіться область, що залишається після віднімання панелі завдань, Dock і системних панелей, — саме її фактично отримує розгорнуте вікно.
Порівняйте свій результат зі списком роздільних здатностей, уживаних сьогодні, від HD 720p до 4K UHD та ультрашироких панелей, із зазначенням співвідношення сторін і типового застосування кожної.
Масштабування браузера змінює співвідношення пікселів пристрою, тому сторінка пояснює, як масштаб впливає на кожне значення і як його скинути для точного фізичного вимірювання.
Перетягніть вікно на інший дисплей, і картка автоматично переміряє його — це швидкий спосіб порівняти роздільну здатність і масштабування двох моніторів поруч.
Підтримувані сценарії та обмеження
Швидко перевірте, чи підходить Роздільна здатність екрана для ваших потреб. Списки нижче показують, що саме може і чого не може цей браузерний інструмент.
Працює з
- Монітори Full HD 1080p (1920 × 1080)
- Дисплеї QHD 1440p (2560 × 1440)
- Монітори та телевізори 4K UHD (3840 × 2160)
- Монітори Ultrawide (3440 × 1440, 21:9)
- Дисплеї Retina / HiDPI (DPR ≥ 2)
- Екрани ноутбуків (включно з 4K-ноутбуками з масштабуванням)
- Зовнішні монітори (DisplayPort, HDMI, USB-C)
- Мобільні телефони та планшети (портретна і альбомна орієнтації)
- Багатомоніторні конфігурації (перетягніть вікно для повторного виміру)
- Дисплеї HDR та широкоспектральні екрани (DCI-P3, Rec. 2020)
Не підтримується
- Змінювати чи встановлювати розدільність екрана (скористайтеся налаштуваннями дисплея ОС)
- Налаштовувати масштаб дисплея чи DPI (скористайтеся налаштуваннями ОС)
- Виправляти мертві чи завислі пікселі (скористайтеся нашим тестом на биті пікселі)
- Перевіряти частоту оновлення монітора (скористайтеся нашим тестом частоти оновлення)
- Калібрувати кольори, яскравість чи контраст
- Виявляти фізичні пошкодження панелі чи несправності обладнання
Роздільна здатність екрана лише перевіряє, чи досягають події введення браузера. Інструмент не може визначити, чи спричинена несправність обладнанням, драйверами, прошивкою чи операційною системою.
Як працює ця перевірка роздільної здатності екрана
Інструмент зчитує інформацію про дисплей безпосередньо зі стандартних інтерфейсів браузера: Screen API (window.screen), об'єкта window (innerWidth та innerHeight) і CSS-медіазапитів, що повідомляють кольоровий охват та динамічний діапазон. Після завантаження сторінки браузер передає поточні значення, а картка вище миттєво їх відображає.
Нічого не потрібно встановлювати й не потрібно надавати дозволи. Значення оновлюються автоматично, коли ви змінюєте розмір вікна браузера, рівень масштабування, обертаєте телефон чи планшет або перетягуєте вікно на монітор з іншою роздільною здатністю — картка відстежує ці зміни й переміряє дані в реальному часі. Оскільки показники знімаються у вашому власному браузері, вони точно відображають те, що бачить вебсайт під час відтворення на вашій машині, і це часто корисніше за число, надруковане на коробці.
Як розуміти результати роздільної здатності екрана
Найважливіша відмінність — між CSS-пікселями та фізичними пікселями. Браузери повідомляють screen.width та screen.height у CSS-пікселях — логічній одиниці, яка залишається незмінною незалежно від кількості фізичних пікселів монітора. На 4K-дисплеї з масштабуванням 150% браузер може повідомити 2560 × 1440 CSS-пікселів, тоді як панель фізично відтворює 3840 × 2160.
Співвідношення пікселів пристрою (DPR) поєднує дві системи: множення розміру в CSS-пікселях на DPR дає оцінку фізичної роздільної здатності — саме тому фізичне значення позначене як приблизне; масштабування браузера також змінює повідомлюване DPR. Viewport же — це просто видима область сторінки у вікні браузера, тому він завжди менший за повну роздільну здатність екрана (або дорівнює їй). Порівняння цих двох значень — найшвидший спосіб зрозуміти, чому сторінка, яка виглядає правильно на вашому моніторі, може поводитися інакше в меншому вікні; саме на цю пару значень веброзробники спираються найчастіше, створюючи адаптивні макети.
Поширені роздільні здатності екрана
Нижче наведено роздільні здатності, які сьогодні найчастіше трапляються на ноутбуках, настільних моніторах і телевізорах. Більшість сучасних дисплеїв використовують співвідношення 16:9; ультраширокі монітори — 21:9 або 32:9.
| Роздільна здатність | Пікселі | Співвідношення сторін | Типове використання |
|---|---|---|---|
| HD 720p | 1280 × 720 | 16:9 | Ноутбуки початкового рівня, невеликі дисплеї |
| HD+ | 1366 × 768 | ≈16:9 | Часто трапляється на бюджетних ноутбуках із Windows |
| Full HD 1080p | 1920 × 1080 | 16:9 | Найпоширеніша роздільна здатність настільних ПК і ноутбуків |
| QHD 1440p | 2560 × 1440 | 16:9 | Настільні монітори високого класу та ігрові дисплеї |
| Ultrawide QHD | 3440 × 1440 | 21:9 | Вигнуті монітори для роботи та ігор |
| 4K UHD | 3840 × 2160 | 16:9 | Преміальні ноутбуки, 4K-монітори й телевізори |
| WUXGA | 1920 × 1200 | 16:10 | Бізнес-ноутбуки та офісні монітори |
| QWXGA+ | 2560 × 1700 | 3:2 | Робочі ноутбуки з вищими панелями |
| 3K | 2880 × 1620 | 16:9 | Тонкі й легкі ноутбуки з високою щільністю пікселів |
| Ultrawide FHD | 2560 × 1080 | 21:9 | Початкові ультраширокі конфігурації та робота з кількома вікнами |
| WQXGA | 2560 × 1600 | 16:10 | Професійні монітори та монітори для творчості |
| 5K | 5120 × 2880 | 16:9 | Професійні дисплеї для монтажу й дизайну |
| 8K UHD | 7680 × 4320 | 16:9 | Флагманські телевізори та спеціалізовані робочі станції |
Навіщо перевіряти роздільну здатність екрана онлайн
Щоб дізнатися роздільну здатність через операційну систему, потрібно зробити кілька кліків — Налаштування › Система › Дисплей у Windows або Системні налаштування › Монітори в macOS, — а результат часто змішується з параметрами масштабування, які важко інтерпретувати. Ця сторінка відповідає на запитання «яка роздільна здатність мого екрана?» одним поглядом, разом зі значеннями, важливими для веброботи: розміром viewport і співвідношенням пікселів пристрою.
Тому інструмент стає в пригоді для конкретних завдань: перевірити налаштовану роздільну здатність монітора після зміни параметрів дисплея, побачити, що бачить адаптивний сайт під час тестування макетів, задокументувати конфігурацію для віддаленої ІТ-підтримки або підтвердити ефективну роздільну здатність проєктора чи зовнішнього монітора, який ви щойно підключили.
Поширені проблеми з роздільною здатністю екрана
Ось запитання, на які цей інструмент відповідає найчастіше:
Роздільна здатність виглядає нижчою за заявлену для монітора
Дисплеї з високою роздільною здатністю постачаються з увімкненим масштабуванням. Ноутбук із 4K при масштабуванні 150% повідомляє 2560 × 1440 CSS-пікселів, а не 3840 × 2160. Подивіться оцінку фізичної роздільної здатності на цій сторінці — вона має збігатися з нативною роздільною здатністю панелі.
Текст або піктограми замалі чи завеликі
Це проблема масштабування, а не роздільної здатності. У Windows відкрийте Налаштування › Система › Дисплей › Масштаб; у macOS зазирніть у Системні налаштування › Монітори. Зміна масштабу змінює повідомлювану CSS-роздільну здатність, але не фізичну.
Усе виглядає розмитим
Розмитість зазвичай означає, що дисплей працює не в нативній роздільній здатності або масштаб задано нецілим множником. Установіть нативне значення панелі в налаштуваннях дисплея операційної системи — таблиця вище допоможе його визначити.
Viewport менший за мій екран
Так і має бути. Viewport охоплює лише область сторінки у вікні браузера, без панелей інструментів, бічних панелей і смуг прокрутки. Роздільна здатність екрана описує весь монітор.
У мене два монітори, і я бачу неочікувані значення
Браузер повідомляє про той екран, на якому зараз перебуває вікно. Перетягніть вікно на інший монітор — значення переміряються автоматично; це ще й швидкий спосіб порівняти два дисплеї.
Роздільна здатність правильна, але ігри чи відео виглядають м'яко
Правильна роздільна здатність робочого столу не гарантує чіткості вмісту. Відеоплеєри часто відтворюють картинку нижче за роздільну здатність панелі, а ігри можуть працювати з нижчою внутрішньою роздільною здатністю та розтягувати зображення. Перевірте налаштування відтворення чи графіки в самій програмі, а не в налаштуваннях дисплея системи.
Мій ультраширокий монітор показується з чорними смугами
Чорні смуги зазвичай означають, що до вужчого співвідношення обмежено вміст, а не монітор. Панель 3440 × 1440, яка показує відео 16:9, додасть смуги за задумом. Браузер усе одно повідомляє повну роздільну здатність 21:9, що підтверджує правильне налаштування самого дисплея.
У двох браузерах значення різняться
Браузери можуть по-різному округлювати розміри екрана й застосовувати власне масштабування на дисплеях з високою щільністю. Якщо в обох браузерах масштаб 100% і монітор той самий, значення мають бути близькими; невеликі розбіжності в кілька пікселів — це звичайне округлення, а не несправність.
Сторінка показує 0 або порожні значення
Зазвичай це означає, що сторінці заборонили читати інформацію про екран або заблокували виконання скриптів. Вимкніть блокування скриптів для цього сайту, вийдіть з обмеженого чи приватного контейнера та перезавантажте сторінку. Запиту дозволу тут немає, тому порожня картка майже завжди спричинена блокувальним розширенням, а не налаштуваннями браузера.
Роздільна здатність змінилася після заміни драйвера чи кабелю
Відеовиходи заново узгоджують параметри, коли змінюється обладнання. Заміна кабелю HDMI на DisplayPort або оновлення драйвера графіки може скинути частоту оновлення та повідомлювану роздільну здатність. Виберіть нативну роздільну здатність заново в налаштуваннях дисплея операційної системи, і значення тут мають повернутися до очікуваної специфікації панелі.
Проєктор або зовнішній дисплей виглядає неправильно
Зовнішні дисплеї часто дублюють екран ноутбука, через що обирається менша з двох роздільних здатностей. Перемкніться з дублювання на розширення в налаштуваннях дисплея, а потім задайте зовнішньому екрану його нативну роздільну здатність. Значення на цій сторінці оновляться, щойно вікно переміститься на цей дисплей, тож зміну можна підтвердити одразу.
Приватність і обробка даних
🔒 Кожне значення на цій сторінці — розмір екрана, viewport, DPR, глибина кольору, орієнтація — зчитується й відображається локально у вашому браузері. Нічого не надсилається на сервер, нічого не зберігається, не потрібні ні обліковий запис, ні дозволи. Закрийте вкладку — і вимір зникне.
Перевірка роздільної здатності екрана — поширені запитання
Яка роздільна здатність мого екрана? ▼
Роздільна здатність вашого екрана показана вгорі картки інструмента вище — наприклад, 1920 × 1080. Це розмір вашого екрана в CSS-пікселях, тобто в логічній одиниці, яку браузери використовують для верстки. Нижче ви також знайдете оцінку фізичної роздільної здатності, яка враховує масштабування дисплея. Якщо числа різняться, ваш дисплей працює з увімкненим масштабуванням — це нормально й рекомендовано на панелях з високою роздільною здатністю. Щоб побачити, як значення оновлюються наживо, змініть розмір вікна браузера або перенесіть його на інший монітор.
Чому повідомлювана роздільна здатність нижча за нативну роздільну здатність мого монітора? ▼
Сучасні дисплеї з високою роздільною здатністю використовують масштабування, щоб текст і піктограми залишалися зручного розміру. Монітор 4K при масштабуванні 150% повідомляє 2560 × 1440 CSS-пікселів, хоча панель фізично відтворює 3840 × 2160. Властивості screen.width і screen.height у браузері завжди використовують CSS-пікселі, тому повідомлювана роздільна здатність — це масштабована, логічна роздільна здатність. Помножте її на співвідношення пікселів пристрою — і отримаєте фізичну роздільну здатність, саме це й робить за вас оцінка на цій сторінці.
Що таке співвідношення пікселів пристрою (DPR)? ▼
Співвідношення пікселів пристрою — це кількість фізичних пікселів, якими браузер малює один CSS-піксель. DPR, що дорівнює 1, означає, що один CSS-піксель відповідає одному фізичному пікселю. DPR, що дорівнює 2 — звична річ на екранах Retina та сучасних ноутбуках, — означає, що кожен CSS-піксель малюється блоком 2 × 2 фізичних пікселів, завдяки чому зображення стає чіткішим. DPR змінюється й під час масштабування: збільшення до 125% у браузері підвищує повідомлюваний DPR у 1,25 раза — саме тому оцінка фізичної роздільної здатності позначена як приблизна.
Яка різниця між роздільною здатністю екрана та розміром viewport? ▼
Роздільна здатність екрана описує весь дисплей — повний монітор або екран телефона. Viewport — це видима частина вебсторінки у вікні браузера: він не включає панелі інструментів, панелі інтерфейсу, бічні панелі та смуги прокрутки. У розгорнутому вікні браузера viewport трохи менший за екран; у невеликому плаваючому вікні він може бути значно меншим. Веброзробники використовують розмір viewport (а не роздільну здатність екрана) для створення адаптивних макетів — тому обидва значення показані тут поруч.
Чому фізична роздільна здатність позначена як «приблизна»? ▼
Фізичну роздільну здатність обчислюють множенням CSS-роздільної здатності на співвідношення пікселів пристрою з округленням до цілих пікселів. Два чинники роблять її оцінкою: масштабування браузера змінює повідомлюваний DPR — при масштабі 110% DPR 2 повідомляється як 2,2, — а деякі браузери застосовують власне округлення розмірів екрана. Оцінка точна, коли масштаб браузера становить 100%, тому для точних показань радимо перевіряти значення зі скинутим масштабом (Ctrl/Cmd + 0).
Що таке доступна область екрана? ▼
Доступна область — це частина екрана, не зайнята постійними елементами операційної системи: панеллю завдань Windows, Dock у macOS або фіксованими системними панелями на мобільних пристроях. Екран 1920 × 1080 зі стандартною панеллю завдань Windows повідомляє доступну висоту 1040 пікселів або менше. Програми — зокрема розгорнуті вікна браузера — розміщуються в межах доступної області, тому під час розрахунку того, скільки місця насправді отримує розгорнуте вікно, це часто практичніше число.
Як дізнатися нативну роздільну здатність монітора? ▼
Відкрийте цю сторінку й подивіться оцінку фізичної роздільної здатності — при масштабі браузера 100% вона збігається з нативною роздільною здатністю панелі, бо масштабування не може змінити кількість пікселів, які відтворює апаратура. Перевірити можна й в операційній системі: у Windows відкрийте Налаштування › Система › Дисплей і подивіться пункт «Роздільна здатність дисплея» (рекомендований варіант і є нативним); у macOS відкрийте Системні налаштування › Монітори — варіант «Типово для дисплея» зазвичай використовує нативну роздільну здатність із масштабуванням для чіткості.
Чи працює ця перевірка на телефонах і планшетах? ▼
Так. Інструмент використовує лише стандартні інтерфейси браузера, тому працює в браузерах Android та iOS так само, як на настільних комп'ютерах. На мобільних пристроях повідомлювана роздільна здатність екрана зазвичай є логічною (CSS) роздільною здатністю пристрою — наприклад, 393 × 851 на багатьох телефонах Android, — а оцінка фізичної роздільної здатності відображає реальну панель. Оберніть пристрій, і ви побачите, як орієнтація, співвідношення сторін та обидва виміри змінюються в реальному часі. Доступна область на мобільних не включає системний рядок стану та панель навігації.
Чи цей інструмент безкоштовний і приватний? ▼
Так — цілком. Немає ні оплати, ні реєстрації, ні завантаження, ні обмежень на кількість перевірок. Кожен вимір відбувається локально у вашому браузері: сторінка зчитує дані екрана, вікна та налаштувань дисплея й відображає їх на екрані. Жодні дані про екран, відбиток пристрою чи статистика використання не надсилаються на будь-який сервер, і після закриття вкладки нічого не зберігається. Після завантаження сторінки інструмент працює навіть офлайн.
Чому значення змінилися, поки я на них дивився? ▼
Картка оновлюється наживо за задумом. Зміна розміру вікна змінює viewport; масштабування змінює співвідношення пікселів пристрою, а отже й фізичну оцінку; обертання телефона міняє місцями ширину та висоту; перенесення вікна на другий монітор заново вимірює екран, на який воно потрапило. Якщо числа змінилися без ваших дій, причина в зовнішній події — наприклад, дисплей перейшов у режим сну, ноутбук у док-станції перемкнув вихід або операційна система автоматично змінила масштабування для доступності.
Яка роздільна здатність екрана вважається хорошою? ▼
Єдиної правильної відповіді немає, бо слушна роздільна здатність залежить від розміру панелі та відстані перегляду. Практичний орієнтир: 1920 × 1080 залишається найпоширенішою роздільною здатністю робочого столу, 2560 × 1440 підходить для моніторів від 27 дюймів, а 3840 × 2160 доречна для дисплеїв від 32 дюймів, де вища щільність пікселів справді корисна. На ноутбуці щільніша панель разом із системним масштабуванням зазвичай дає чіткіший текст, ніж панель із низькою роздільною здатністю при 100%.
Яка різниця між роздільною здатністю та розміром екрана? ▼
Роздільна здатність рахує пікселі, а розмір вимірює фізичну діагональ панелі в дюймах. Це незалежні величини: монітори 24 і 32 дюйми можуть обидва мати 1920 × 1080, але менший виглядатиме чіткіше, бо та сама кількість пікселів упакована в меншу площу. Цю щільність виражають у пікселях на дюйм, і саме вона визначає, наскільки чітко виглядає текст, — тому ноутбучна панель із високою роздільною здатністю часто виглядає краще за більший настільний монітор із низькою.
Короткий підсумок
Перевірка роздільної здатності екрана — це безкоштовний онлайн-інструмент, який миттєво показує інформацію про ваш дисплей: роздільну здатність у CSS-пікселях, оцінку фізичної роздільної здатності, доступну область екрана, viewport браузера, співвідношення пікселів пристрою, глибину кольору, кольоровий охват, підтримку HDR, орієнтацію та співвідношення сторін. Значення оновлюються наживо під час зміни розміру, масштабування й обертання. Інструмент працює в будь-якому сучасному браузері на комп'ютері та мобільних пристроях, не потребує встановлення й обробляє все локально — дані ніколи не залишають ваш пристрій.