Перевірка роздільної здатності екрана

Як користуватися інструментом

1. Відкрийте сторінку: усі значення показуються одразу, їх зчитує ваш браузер.
2. Змініть розмір вікна, поверніть телефон чи планшет або перетягніть вікно на інший монітор. Значення оновлюються наживо.
3. Натисніть Копіювати як текст, щоб скопіювати всі значення простим списком – зручно для звіту про помилку чи звернення до підтримки.

Що означає кожне значення

Роздільна здатність екрана (CSS-пікселі) – розмір усього вашого екрана так, як його бачать веб-сторінки. На стандартному моніторі зі 100% масштабом вона збігається з реальною роздільною здатністю монітора. На екранах із високою щільністю вона менша: ноутбук із матрицею 2880 × 1800 за масштабу 200% повідомляє 1440 × 900.

Фізичні пікселі (оцінка) – це роздільна здатність екрана, помножена на коефіцієнт пікселів пристрою. Зазвичай це власна роздільна здатність матриці, і інструмент називає поширені з них, як-от Full HD (1080p), QHD (1440p) чи 4K UHD.

Коефіцієнт пікселів пристрою показує, скільки фізичних пікселів становлять один CSS-піксель. Значення 1 – класичний монітор, 1,25 або 1,5 – поширені на ноутбуках із Windows із масштабуванням екрана, 2 – типове для Retina-комп’ютерів Mac, а 3 – для багатьох телефонів. Масштаб браузера теж його змінює.

Область перегляду (viewport) – частина вікна, де малюється сторінка, без панелей інструментів і вкладок. Саме цей розмір беруть за орієнтир веб-дизайнери в адаптивних макетах і медіазапитах.

Доступна область екрана – екран мінус постійні системні зони, як-от панель завдань Windows чи рядок меню й Dock у macOS. Вікно браузера – зовнішній розмір вікна разом із рамкою та панелями інструментів.

Співвідношення сторін – форма екрана, наприклад 16:9, 16:10 або надширокий 21:9. Орієнтація вказує, альбомна чи портретна орієнтація екрана, з кутом повороту, якщо браузер його повідомляє.

Глибина кольору – кількість бітів на піксель: 24 біти означають 8 бітів на канал, а 30 бітів – 10 бітів на канал. Колірне охоплення показує найширший діапазон, який, за даними браузера, охоплює екран: sRGB, Display P3 чи Rec. 2020. HDR-дисплей повідомляє, чи вважає браузер екран таким, що підтримує високий динамічний діапазон. Масштабування щипком показує рівень масштабу, коли ви збільшуєте двома пальцями на сенсорному екрані.

Чому числа можуть вас здивувати

Веб-сторінки ніколи не бачать реальне обладнання напряму. Операційні системи масштабують усе, щоб текст лишався читабельним на щільних екранах, тож 4K-монітор зі 150% масштабом виглядає для браузера як екран 2560 × 1440. Рядок Фізичні пікселі (оцінка) обертає це обчислення назад. Він точний за 100% масштабу браузера, але браузери по-різному обробляють масштаб, тож перед тим як йому довіряти, скиньте масштаб за допомогою Ctrl+0 або Cmd+0. На телефонах результат може відрізнятися на кілька пікселів від заявленої роздільної здатності через округлення.

Якщо ви користуєтеся кількома моніторами, значення описують той, на якому зараз перебуває вікно браузера.