Роздільна здатність vs розмір екрана
Роздільна здатність вимірюється в пікселях. Фізичний розмір екрана зазвичай вимірюють по діагоналі в дюймах.
Миттєво перегляньте поточну роздільну здатність екрана, включно з розміром у пікселях, доступною областю екрана, розміром viewport, device pixel ratio, глибиною кольору та орієнтацією. Також можна приблизно визначити фізичний розмір екрана у дюймах і сантиметрах.
Скористайтеся цим інструментом, щоб переглянути розміри екрана та дані дисплея, які повідомляє браузер.
Браузер не може точно визначити фізичний розмір монітора, тому автоматичний результат є лише приблизною оцінкою.
Прикладіть стандартну банківську картку до екрана та рухайте slider, доки ширина картки на екрані не збігатиметься з реальною карткою.
Роздільна здатність вимірюється в пікселях. Фізичний розмір екрана зазвичай вимірюють по діагоналі в дюймах.
Viewport — це лише область вебсторінки всередині вікна браузера, тому вона може бути значно меншою за весь екран.
Значення вище надходять безпосередньо з API браузера та оновлюються, коли змінюється вікно браузера або стан дисплея.
Поширені роздільні здатності дисплеїв варіюються від HD до 4K і вище. Більше пікселів може дати більше деталей, але фізичний розмір екрана та масштабування також впливають на те, наскільки великим виглядає контент.
Відповіді на поширені запитання про роздільну здатність екрана, монітора, розмір екрана та масштабування дисплея.
Роздільна здатність, яку повідомляє браузер, показана у верхній частині цієї сторінки. Ми також показуємо приблизну device-pixel resolution, щоб можна було порівняти значення CSS-pixel із high-density або scaled display.
Просто відкрийте цю сторінку. Інструмент автоматично зчитує розміри екрана без форм чи налаштувань. Також показуються розмір viewport, доступний простір екрана та device pixel ratio.
Розмір екрана зазвичай означає фізичну діагональ дисплея в дюймах. Браузер не може визначити її точно, тому для приблизної оцінки скористайтеся калібруванням банківською карткою вище.
Значення вище показують те, що може визначити браузер. Native resolution монітора може відрізнятися, якщо Windows, macOS або інша операційна система використовує масштабування дисплея.
Ні. Роздільна здатність описує піксельні розміри, наприклад 1920 × 1080. Розмір екрана описує фізичні розміри, зазвичай діагональ у дюймах.
Масштабування операційної системи, high-DPI режими та поведінка браузера можуть змінювати CSS-pixel dimensions, доступні вебсторінці. Приблизне значення device-pixel вище допомагає пояснити різницю.
Розмір viewport — це область, доступна вебсторінці всередині вікна браузера. Панелі браузера, розмір вікна та інтерфейс мобільного браузера можуть зробити viewport меншим за весь екран.
Device pixel ratio порівнює device pixels із CSS pixels. Retina, high-DPI та scaled displays часто повідомляють значення більше 1, тому розміри в браузері можуть відрізнятися від native hardware specifications.
Поширені приклади: 1280 × 720, 1920 × 1080, 2560 × 1440 і 3840 × 2160. Зазвичай рекомендована системою роздільна здатність для вашого дисплея є найкращим вибором.
У Windows 11 або Windows 10 відкрийте Settings → System → Display, знайдіть Display resolution і виберіть потрібне значення. Зазвичай параметр Recommended є найкращим вибором.