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

Разрешение экрана монитора ноутбука или компьютера — это количество отдельных пикселей по оси 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, физически пикселей больше, чем указано логических в списке.

• 360x800
• 414х896
• 360х640
• 390х844
• 412х915
• 360х780

Соотношение сторон

Соотношение ширины и высоты, screen aspect ratio. Зайдите сюда, чтобы узнать подробнее.

А вот ещё полезные сервисы и страницы на displaysdb.ru

Тест монитора на битые пикселиДиагональ экрана в дюймах и сантиметрахКалькулятор PPI
(плотность пикселей)Калькулятор соотношения сторонСравнение диагоналей экрановНа какой высоте повесить телевизорПроверка герцовки монитораЦветовые пространстваМонитор для чувствительных глазЦветовые ICC-профилиКалибровка монитораПодбор монитора и ТВ