Разрешение экрана

Разрешение экрана в пикселях:

Ширина физическая: , логическая: Высота физическая: , логическая: Пикселей физически: , логически:

Разрешение экрана браузера в пикселях:

Ширина: Высота: Всего пикселей:

Дополнительно:

DPR (Device Pixel Ratio): Глубина цвета: бит Операционная система: Браузер: User agent заголовок:

Разрешение экрана монитора ноутбука или компьютера — это количество отдельных пикселей по оси X и оси Y, которые могут быть отображены. Указывается в формате ширина x высота, например, 1920 x 1080 пикселей.

Чем выше разрешение, тем более чётко и ясно отображается весь контент, кроме того, можно разместить больше контента. С другой стороны, чрезмерно высокое значение при небольшой диагонали будет отображать содержимое слишком мелким, что потребует от пользователя включить масштабирование.

Наш сайт может определить разрешение экрана онлайн, глубину цвета, а так же значение DPR.

Что такое Device Pixel Ratio?

Это значение, от которого зависит отображение контента. Представляет из себя отношение физического разрешения к логическому разрешению. К примеру, дисплей моего смартфона определяется в браузере, как 393х851 px и 2.75 DPR, что равно физическому разрешению 2340x1080 px при диагонали 6.67". Давайте разберёмся, для чего так сделано.

Во времена посредственных и зернистых дисплеев у смартфонов, говоря о пикселе мы представляли себе квадрат размером 1х1. Легко, быстро и логично. Сейчас точно так же происходит, если мы говорим о физическом разрешении экрана, исключая Pentile.

В 2010 году компания Apple представляет Retina и, на экранах с повышенной плотностью пикселей, начинает использоваться логическое разрешение, где координаты обозначаются абстрактными точками (point). Во время отрисовки изображения происходит растеризация. Координаты точки умножаются на масштабный коэффициент и получаются координаты пикселя. Чем выше коэффициент — тем выше детализация. Каждая точка — это квадрат, состоящий из физических пикселей, например:
@x1 - сторона 1x1 пиксель, всего 1 пиксель.
@x2 - сторона 2x2 пикселя для 4 пикселей
@x3 - сторона 3x3 пикселя, всего 9 пикселей.

Реальные примеры от Apple

IPhone 11:
Логическое: 414x896 px.
Коэффициент: x2
Физическое = 828x1792 px.

iPhone 11 Pro:
Логическое: 375x812 px.
Коэффициент: x3
Физическое = 1125x2436 px.

Что насчёт Android?

Google разработала свою собственную систему измерения под названием Density-independent pixels (dp или dip). Независимые от плотности пиксели - это тоже абстрактная единица, за основу которой взят дисплей с разрешением 160 точек на дюйм.

После экскурса в историю, перейдём к практике. Как я уже упоминал, в моём Android установлена матрица 2340x1080 пикселей с диагональю 6.67". Перемножаем и получаем 2 527 200 пикселей всего, на диагонали 6.67". Для сравнения, компьютерный монитор с разрешением 1920x1080 и диагональю 27" имеет 2 073 600 пикселей.

Начинаете понимать, в чём дело? У маленького экрана телефона пикселей больше, чем у большого монитора. Очевидно, что размер каждого отдельно взятого пикселя у смартфона будет заметно меньше, чем у монитора. Подробно прочитать и рассчитать количество пикселей на дюйм вы можете по ссылке калькулятор PPI. Итак, если мы хотим нарисовать линию толщиной в один пиксель, на компьютере она окажется заметно толще, чем на телефоне. И текст, хорошо читаемый на одном устройстве, окажется нечитабельным на другом.

Поэтому нам на помощь приходят вышеупомянутые ухищрения производителей и телефон рисует не едва различимую линию толщиной 1 пикс, а нормально видимую с толщиной почти в 3 раза больше.

Самые популярные разрешения

Компьютерных мониторов и ноутбуков и их маркетинговые названия:

1280x720 (720p, HD, HD Ready, Standard HD)
1920x1080 (1080p, Full HD, FHD)
256 x1440 (1440p, Wide Quad HD, Quad HD, WQHD, QHD)
3840x2160 (4K, Ultra HD, UHD, 4K UHD)
7680x4320 (8K, 8K UHD).

Самые популярные у смартфонов и планшетов, Здесь вы можете удивиться значениям, но вспомните о Device Pixel Ratio, физически пикселей больше, чем указано логических в списке.