Яка в мене роздільна здатність екрана і чому число здається неправильним

Роздільна здатність екрана — це кількість фізичних пікселів по ширині та висоті дисплея, записана як ширина × висота, наприклад 1920 × 1080. Її показують параметри дисплея у вашій системі. Веб-сторінка, однак, зазвичай показує інше значення, бо браузери вимірюють у CSS-пікселях — одиниці, яку операційна система та браузер масштабують. Обидва числа можуть бути правильними одночасно. Перевірка роздільної здатності екрана показує розмір екрана, масштабований розмір і розмір вікна разом, тож ви бачите, яке саме число перед вами.

Роздільна здатність екранаЯкий у мене розмір екрана?Безкоштовно

Фізичні пікселі та CSS-пікселі

Фізичний піксель — це одна з крихітних світлових точок на панелі. CSS-піксель — це одиниця, яку веб-сторінки використовують для верстки. Сторінка шириною 800 CSS-пікселів має займати приблизно однакову частку вікна на будь-якій панелі, тому браузер перераховує одну одиницю в іншу за допомогою коефіцієнта пікселів пристрою.

Коефіцієнт пікселів пристрою — це кількість фізичних пікселів, із яких складається один CSS-піксель. На звичайному моніторі він дорівнює 1. На багатьох екранах високої щільності він становить 2 і більше, і кожен CSS-піксель малюється блоком із 2 на 2 фізичні пікселі, тому текст виглядає чіткішим. Розмір екрана, який сторінка бачить у CSS-пікселях, дорівнює фізичному розміру, поділеному на цей коефіцієнт.

Масштабування операційною системою

Найчастіше коефіцієнт береться з масштабування дисплея в операційній системі. У Windows це параметр Масштаб у налаштуваннях дисплея. На macOS варіанти роздільної здатності для дисплея визначають, скільки простору отримує інтерфейс. Панель 4K має 3840 × 2160 фізичних пікселів. Якщо встановити масштабування 200 відсотків, інтерфейсу дістанеться простір 1920 × 1080, і браузер на такому екрані показуватиме 1920 × 1080 CSS-пікселів з коефіцієнтом 2.

Арифметика проста: поділіть фізичний розмір на коефіцієнт масштабування.

Панель, фізичні пікселі	Масштабування	Розмір екрана в CSS-пікселях	Коефіцієнт
3840 × 2160	100 відсотків	3840 × 2160	1
3840 × 2160	150 відсотків	2560 × 1440	1.5
3840 × 2160	200 відсотків	1920 × 1080	2
1920 × 1080	100 відсотків	1920 × 1080	1

Деякі значення масштабування не діляться націло, і браузер округлює результат. Відхилення на один піксель від вашого власного підрахунку — це нормально.

Масштаб браузера змінює число

Масштаб у браузері — окрема настройка, не пов'язана з масштабуванням дисплея. Збільшення до 200 відсотків подвоює розмір усього на сторінці. Браузер змінює коефіцієнт пікселів пристрою, щоб відповідати цьому, тож ширина вікна в CSS-пікселях зменшується вдвічі, тоді як фізичний екран лишається тим самим. Вікно, яке при 100 відсотках мало ширину 1280 CSS-пікселів, після збільшення може показати 640.

Масштаб — найпоширеніша причина, чому дві перевірки дають різні числа. Якщо значення здається неправильним, спершу перевірте рівень масштабу, а потім натисніть Ctrl+0 або Cmd+0 на Mac, щоб повернутися до 100 відсотків.

Екран, доступний екран і вікно

Три розміри легко сплутати.

• Екран — весь дисплей, як його бачить операційна система.
• Доступний екран не враховує ділянки, які система залишає для себе, наприклад панель завдань у Windows або док і рядок меню на Mac. Він ніколи не буває більшим за екран.
• Вікно браузера, або viewport, — це область, де малюється сторінка. Вона не включає вкладки, адресний рядок і панель закладок, і змінюється щоразу, коли ви змінюєте розмір вікна.

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

Частота оновлення, HDR і колірний простір

Частота оновлення — це кількість разів на секунду, коли дисплей оновлює зображення. Браузер не може прочитати її напряму. Сторінка може лише порахувати кадри анімації, які вона намалювала за приблизно одну секунду. Тому результат — це вимірювання, і він може бути нижчим за частоту екрана, коли вкладка працює у фоні, комп'ютер зайнятий або режим економії батареї обмежує малювання. Сприймайте це як приблизне значення. Тест частоти оновлення екрана виконує цей підрахунок і малює тривалість кадрів, а чи справді ваш екран працює на 120 Гц пояснює, де шукати цю настройку.

HDR і колірний простір також передаються через медіазапити, які описують те, що виявив браузер. Це може відрізнятися від повних можливостей дисплея та від того, що система має увімкненим. Використовуйте ці дані як орієнтир.

Як знайти число у вашій системі

Щоб перевірити значення, яке використовує сама система, відкрийте параметри дисплея. У Windows 11 перейдіть до Параметри, потім Система, потім Дисплей, і подивіться на пункт Роздільна здатність дисплея. На macOS відкрийте Системні настройки і виберіть Дисплеї. В обох випадках видно масштабовану роздільну здатність і доступні варіанти.

Коли ви знаєте розмір, наступний крок для нового екрана — перевірка однорідним кольором. Тест битих пікселів заповнює дисплей чорним, білим, червоним, зеленим і синім кольорами, щоб ви могли помітити застряглі або мертві точки.

Як це зробити у fixmint

1. Відкрийте перевірку роздільної здатності екрана. Результат показано вгорі, у полі «Ваш екран у CSS-пікселях».
2. Порівняйте його з полем «фізичні пікселі (оцінка)» і «коефіцієнт пікселів пристрою». Коефіцієнт вище 1 означає, що система або браузер масштабують зображення.
3. Змініть розмір вікна браузера або масштаб і стежте, як змінюється «вікно браузера, наживо». Натисніть Ctrl+0 або Cmd+0 на Mac, щоб повернутися до 100 відсотків.
4. Прочитайте «частота оновлення, виміряно, приблизно» і натисніть Виміряти частоту оновлення ще раз, якщо значення здається неправильним.
5. Натисніть Копіювати все, щоб скопіювати показники, перш ніж вставити їх у форму підтримки.

Короткі відповіді

Чому мій монітор показує меншу роздільну здатність, ніж має?

Імовірно, масштабування встановлено вище 100 відсотків. Фізична роздільна здатність не змінюється, а сторінка бачить масштабований розмір у CSS-пікселях.

Чи змінює масштаб браузера роздільну здатність мого екрана?

Ні. Він змінює коефіцієнт пікселів сторінки та розмір вікна в CSS-пікселях. Скиньте масштаб, щоб повернутися до звичайного значення.

Чи точна частота оновлення?

Ні. Її вимірюють за кадрами анімації приблизно за одну секунду. Фонова вкладка або зайнятий комп'ютер можуть знизити значення.