Тест разрешения экрана
Просмотрите нативное разрешение вашего дисплея в физических пикселях вместе с соотношением пикселей, форматом экрана и глубиной цвета. Затем запустите полноэкранный тестовый паттерн 1 пиксель: при истинном нативном разрешении он читается как чистая, равномерная текстура, тогда как масштабирование или нативный режим проявляется как размытие или муар.
Определение…
← → сменить паттерн
Чередующиеся пиксели сливаются в плавный серый — дисплей работает в нативном разрешении и при 100% масштабировании.
Изображение растягивается — разрешение, вероятно, установлено ниже нативного, поэтому GPU увеличивает масштаб.
Волнобразные паттерны возникают от интерполяции. Сбросьте зум браузера до 100% и проверьте масштабирование экрана ОС.
Разрешение экрана — это количество пикселей, которое отображает монитор, записываемое как ширина × высота, например 1920 × 1080. Больше пикселей на той же площади означает более чёткое и плотное изображение. Каждая плоская матрица имеет фиксированную сетку физических пикселей, для которой она создана, — это называется нативным разрешением, и при работе на этом разрешении изображение выглядит максимально чётко. Этот тест считывает сетку физических пикселей, которую сообщает ваш браузер, и отображает её как большое число выше, чтобы вы могли подтвердить, что реально выводит ваше оборудование.
При выборе более низкого разрешения GPU растягивает меньшее изображение по фиксированной сетке, делая всё размытее. Современные системы также добавляют масштабирование дисплея (Retina, Windows 150%), чтобы увеличить интерфейс, сохраняя рендеринг с полной плотностью. Именно поэтому браузер сообщает два размера: CSS-вьюпорт в логических пикселях и физическое разрешение в реальных пикселях устройства. Отношение между ними — это коэффициент пикселей устройства (DPR): DPR равный 2 означает, что каждый CSS-пиксель подкреплён блоком 2 × 2 физических пикселей, поэтому вьюпорт, который видит браузер, может составлять половину разрешения экрана.
Распространённые разрешения экрана
| Разрешение | Название | Где встречается |
|---|---|---|
| 1280 × 720 | HD / 720p | Старые ноутбуки, бюджетные мониторы |
| 1920 × 1080 | Full HD / 1080p | Наиболее распространённое разрешение для настольных ПК и ноутбуков |
| 2560 × 1440 | QHD / 1440p | Более чёткие игровые мониторы и мониторы для работы |
| 3440 × 1440 | UltraWide QHD | Панели 21:9 с широким форматом |
| 3840 × 2160 | 4K UHD | Большие экраны и экраны с высоким DPI, телевизоры |
| 1170 × 2532 | iPhone (DPR 3) | Современные смартфоны — высокие панели с высокой плотностью |
Советы для точных показаний
- Сбросьте масштаб браузера до 100% — масштаб изменяет страницу независимо от операционной системы.
- В Windows выберите разрешение, отмеченное «(Recommended)» в Settings > System > Display.
- В macOS выберите «Default for display» в System Settings > Displays.
- Запустите полноэкранный паттерн: чистый равномерный серый означает нативный вывод, а размытость или муар указывают на масштабирование.