Плотность пикселей ppi на мониторе — как выбрать и что это значит?

Аббревиатура PPI расшифровывается как «Pixel Per Inch», то есть пиксель на дюйм. Эта величина указывает, сколько пикселей размещается в одном квадратном дюйме реальной величины монитора. Расчёт общего количества пикселей производится при помощи стандартных формул площади прямоугольника или прямоугольного треугольника, которые каждый из нас изучал в школе. Чем больше эта величина, тем выше разрешающая способность монитора.

Плотность пикселей и расстояние просмотра

Максимально возможная плотность пикселей — не всегда лучшее или даже необходимое решение. Если вы ищете игровой монитор , высокая плотность пикселей требует высокого разрешения экрана, что, в свою очередь, требует большей вычислительной мощности и, следовательно, влияет на частоту кадров.

Кроме того, некоторые приложения плохо масштабируются. Например, если у вас 27- дюймовый монитор 4K (163 PPI), вы можете найти 150% масштабирование как идеальное для вас, тогда как некоторые приложения масштабируются только до 100% и 200%.

Это оставит вас либо слишком маленькими, либо слишком большими в этом приложении. К счастью, с тех пор, как на рынке впервые появились дисплеи с высоким разрешением, в большинстве приложений улучшена поддержка масштабирования.

Обратите внимание, что на определенном расстоянии просмотра человеческий глаз не может отличить пиксели друг от друга. Насколько далеко вам нужно находиться от экрана, чтобы не распознавать пиксели, зависит от плотности пикселей дисплея. Apple зарегистрировала это идеальное соотношение расстояния просмотра и плотности пикселей как «Retina».

Итак, если у вас 24-дюймовый монитор 1080p с плотностью пикселей примерно 92 пикселя на дюйм, вам нужно будет находиться на расстоянии 37 дюймов (94 см) от экрана; на таком расстоянии ваши глаза не смогут различать пиксели на мониторе.

Другими словами, при расстоянии просмотра 37 дюймов (или больше) 24-дюймовый монитор 1080p — это Retina. Если у вас 27-дюймовый монитор с разрешением 1080p, вам необходимо находиться на расстоянии 42 дюйма (107 см) от экрана и так далее.

Вы можете посетить этот веб-сайт и рассчитать, на каком расстоянии определенный размер/разрешение экрана становится сетчаткой, или проверить таблицу ниже, которая состоит из наиболее распространенных комбинаций размера/разрешения монитора и соответствующего оптимального расстояния просмотра.

Размер экрана	Разрешение экрана	Плотность пикселей	Оптимальное расстояние просмотра
24″	1920×1080	92 PPI	37″ (94cm)
24″	2560×1440	122 PPI	28″ (71cm)
24″	3840×2160	184 PPI	19″ (48cm)
27″	1920×1080	82 PPI	42″ (107cm)
27″	2560×1440	109 PPI	32″ (81cm)
27″	3840×2160	163 PPI	21″ (53cm)
32″	1920×1080	70 PPI	49″ (124cm)
32″	2560×1440	93 PPI	37″ (94cm)
32″	3840×2160	140 PPI	25″ (64cm)
29″ UltraWide	2560×1080	96 PPI	36″ (91cm)
34″ UltraWide	2560×1080	82 PPI	42″ (107cm)
34″ UltraWide	3440×1440	110 PPI	31″ (79cm)
38″ UltraWide	3840×1600	111 PPI	31″ (79cm)
43″	3840×2160	104 PPI	33″ (84cm)

Конечно, если вам нужно лучшее качество изображения, стремитесь к более высокой плотности пикселей. Мы не советуем приобретать монитор с плотностью пикселей ниже ~ 90 PPI, если нет другой альтернативы.

Что касается телевизоров, то в этой статье вы можете увидеть, как сравниваются разрешения 1080p и 4K с точки зрения расстояния просмотра и плотности пикселей.

Теоретическая страничка и расчеты

Рассматриваемое понятие расшифровывается как pixels per inch, то есть количество пикселей на дюйм. Произносится также как пи-пи-ай.

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

Также это понятие называют единицей измерения разрешающей способности. Расчет этой величины производится с помощью двух простых формул:
где:

• dp – диагональное разрешение;
• di – размер диагонали, дюймов;
• Wp – ширина;
• Hp – высота.

Вторая формула предназначена для расчета диагонального разрешения и основана на использовании знаменитой теоремы Пифагора.

Рис. 1. Ширина, высота и размер диагонали на мониторе

Чтобы показать, как используются все эти формулы, возьмем для примера монитор с диагональю 20 дюймов и разрешением 1280х720 (HD).

Таким образом Wp будет равным 1280, Hp – 720, а Di – 20. Благодаря наличию этих данных мы можем рассчитать пи-пи-ай. Сначала используем формулу (2).

А теперь применим эти данные для формулы (2).

Примечание: На самом деле у нас получилось 73,4 пикс., но нецелого числа пикселей быть не может, используются только целые значения величины.

Точно таким же образом можно рассчитать реальные значения количества пикселей на дюйм в любом устройстве.

Чтобы понять, сколько это в сантиметрах, более привычной величине для нашей местности, нужно поделить получившееся число на 2,54 (в одном дюйме именно столько сантиметров).

Таким образом, в нашем примере это 73/2,54=28 пикс. в сантиметре.

Также мы можем рассчитать величину каждого отдельного пикселя с учетом пи-пи-ай. Чтобы это сделать, необходимо 25,4 поделить на получившееся число пикс. в дюйме.

В нашем примере это 73, а 25,4/73=0,3. То есть размер каждого пикселя равен 0,3х0,3 мм.

Это хорошо или плохо?

Разберемся вместе.

Почему может не включаться монитор? — Распространенные причины

Обзор мониторов с изогнутым экраном: ТОП-5 самых популярных

Что лучше PLS или IPS? Как выбрать хороший экран — руководство

к содержанию ↑

DPI, PPI и изменение размеров

Самое частое заблуждение — использование единиц DPI (dots per inch — точек на дюйм) и PPI (pixels per inch — пикселей на дюйм). На самом деле эти единицы относятся к принтерам и сканерам соответственно. Также их можно применять в характеристиках экранов. По сути это коэффициенты для перевода между физическими размерами в аналоге (в сантиметрах или дюймах) и размерами в пикселях для цифрового изображения.
Например, изображение в 100 пикселей, распечатанное с разрешением 100 DPI будет иметь размер 1 дюйм. Всё просто и понятно.

Однако, при изменении размеров в графических редакторах нам предлагают указать размеры в удобных нам измерениях, в том числе в DPI. Здесь и начинается путаница.

На самом деле физические размеры изображения (в сантиметрах, дюймах и т.д.) и значение DPI это всего лишь мета-информация в свойствах файла. Но редактор может использовать эти значения как средство указания требуемых размеров в пикселях.

Таким образом, для веб-разработки все значения физических размеров (DPI, сантиметры, дюймы и т.д.) можно смело игнорировать и смотреть исключительно на размеры в пикселях.

Что такое PPI?

Сокращение PPI происходит от Pixel Per Inch (пикселей на дюйм) и используется для описания плотности пикселей во всех видах дисплеев, включая камеры, компьютеры, мобильные устройства и т. д. Плотность пикселей может быть показателем четкости экрана, но при этом необходимо учитывать другие аспекты: его физические размеры и расстояние до глаз.

Если вы придвинете экран ближе к глазам, вы сможете разглядеть пиксели. Если устройство находится на большом расстоянии от вас, высокая плотность пикселей не будет особо ощущаться. Таким образом, чем больше дисплей, тем меньше значение PPI.

Retina и HiDPI экраны

Такие дисплеи широко распространены в мобильных устройствах и дорогих ноутбуках. По сути это количественное увеличение пикселей при сохранении физических размеров экрана (например, 5 дюймов по диагонали и 330 PPI).

Для нас, как веб-разработчиков это значит появление разных пикселей в браузере: CSS-пикселей (которые мы обычно указываем в размерах элементов) и физических пикселей (реальных пикселей на экране). Формула такая: Физические пиксели = CSS-пиксели * DPR.
DPR это device pixel ratio — коэффициент перевода CSS-пикселей в физические.

При размещении картинки мы можем написать тег img с размерами 20px, а картинка будет 40 пикселей. При этом на экране с DPR=2,0 мы увидим все пиксели картинки. Но в этой ситуации нас абсолютно не волнуют реальные значения PPI экрана.

При этом мы можем использовать картинки с высокой плотностью пикселей и для обычных экранов, браузер сам отмасштабирует изображение. И опять, DPI и PPI здесь ни при чем, а картинки измеряются в пикселях. Как их показать будет решать браузер, у которого уже есть два вида пикселей.

Вот и вся история, хотя я конечно ничего не говорил об адаптивных картинках, способах оптимизации их отдачи и client hints. Но это другая история.

• css
• пиксели
• изображения оптимизация

Хабы:

• Клиентская оптимизация
• Обработка изображений

• +4

• 16k

Лавлинский Николай Nickmob

Метод Лаб — ускорение сайтов

• 15 июля 2009 в 10:46
  

  Блоки комментариев на css без изображений

  +21 3,6k 26 47

• 20 января 2008 в 01:19
  

  Практический JS: оптимизируем CSS expressions

  +20 865 64 26

• 21 августа 2007 в 01:43
  

  Практический CSS/JS: уменьшаем время загрузки страницы

  +21 3,7k 51 49

AdBlock похитил этот баннер, но баннеры не зубы — отрастут

Подробнее

Реклама

Важна ли эта величина

Пи-пи-ай, исходя из всего вышесказанного, влияет на четкость изображения, которое получает пользователь на своем экране.

Чем выше величина показателя, тем более четкое изображение получит юзер.

Фактически, чем больше эта величина, тем меньше «квадратиков» будет видеть человек.

То есть каждый пиксель будет маленьким, а не большим, и это даст возможность вообще не обращать на это внимание. Наглядно значение характеристики можно видеть на рисунке 2

Рис. 2. Разница при показателях меньше и больше

Конечно же, никому не хочется иметь на своем смартфоне или планшете такую картинку, как показано слева.

Поэтому при выборе подобной техники очень важно обращать внимание на эту характеристику.

Особенно это актуально, когда вы покупаете в интернете и не имеете возможности своими глазами оценить картинку и понять, насколько она четкая.

Найти показатель в характеристиках того же смартфона обычно просто. Обычно она содержится в разделе «Дисплей». Пример можно видеть на рисунке 3.

Рис. 3. Показатель в характеристиках смартфона

Важно! В интернете нередко можно найти информацию о том, что ppi важнее, чем, к примеру, разрешение или диагональ и какая-то из этих характеристик должна играть более важную роль при выборе. Это вовсе не так. Как мы могли убедиться выше, все эти три понятия неразрывно связаны между собой.

к содержанию ↑

Плюсы и минусы

Количество пикс. на дюйм позитивно влияет на четкость картинки, а соответственно, и на ее качество.

Пользователю будет в разы приятнее смотреть на изображение с большим показателем.

На рисунке №2 фото слева имеет 30 ppi, а фотография справа – 300. Ниже еще один подобный пример.

Рис. 4. Еще один показатель разницы

Но есть у данного понятия и минусы. В частности, речь идет об автономности устройства.

Все достаточно просто – если картинка четкая, смартфон, планшет или другое устройство с экраном не смогут работать долго без подзарядки.

Можно даже составить простое правило: чем больше пи-пи-ай, тем меньше время автономной работы.

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

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

Таким образом мы плавно перешли к теме выбора.

к содержанию ↑

Пиксель: лить контекст или не лить?

Ретаргетинг или ремаркетинг?

С точки зрения маркетинга ретаргетинг — это повторный показ рекламы, а ремаркетинг — повторная продажа.
Сервисы используют другие определения, но смысл у них один. Для Google это ремаркетинг, а для Яндекса — ретаргетинг. А среди заказчиков, менеджеров и в рекламном производстве укрепилось номинальное понятие ретаргетинг.

Почему может не быть результата от пикселя?

Вспомним пояснение выше: пиксель собирает не всех, а только тех, кто приземлился на ваш сайт и кого система смогла идентифицировать. Значит, сначала нам нужно создать поток посетителей, а как это сделать на новом сайте? Почему потока нет?

Во-первых, SEO заработает через 3–6 месяцев и сразу не принесёт много посетителей.

Во-вторых, аудиторию из соцсетей проще в соцсетях и собирать, по действиям/взаимодействиям с рекламой.

В-третьих, и это главное: зачем вообще вам пиксель — на старте, когда сайт совсем новый? Потому что вы об этом где-то услышали от спикера или кто-то описал в статье кейс? Это недостаточное основание для запуска любой стратегии. А какая стратегия правильная?

Если у вас идёт контекст на сотни тысяч в месяц и вы не собираете пользователей в аудитории для ретаргетинга с помощью пикселей — это точно большое упущение, а в остальном всё поправимо.

Какой должна быть стратегия рекламной кампании с использованием аудиторий ретаргетинга? Должна ли она отличаться от основной рекламной кампании? Относиться ли к ней как к повторной продаже? Является ли данная аудитория лояльной или тёплой? И на все эти вопросы нельзя ответить однозначно.

Конечно, рекламная кампания на аудитории ретаргетинга должна отличаться от основной кампании. Потому что к текущей кампании, а точнее, к её материалам у пользователя, скорее всего, развилась баннерная слепота. В ретаргетинге можно использовать стратегию, которая снимает частые возражения клиентов уже в самой рекламной коммуникации: «Всё ещё считаешь, что дорого? А вот и нет, потому что…» Или можно адресно обращаться к аудитории: «Искал (такие-то) товары и услуги? Вот тебе супервыгодные условия и преимущества…»

Если говорить о качестве аудитории, которая собрана пикселем, то оно выше, чем у аудитории по стандартным настройкам рекламной кампании. Является ли она лояльной — вопрос спорный. Скорее всего нет. А тёплой? Наверное, тоже нет. Я бы охарактеризовала такую аудиторию как «повёрнутую» в вашу сторону, и ваша задача — правильно выстроить коммуникацию с ней.

А теперь разберём частые заблуждения заказчиков про пиксель. Самых распространённых заблуждений три.

Одного пикселя достаточно на все каналы. Пиксель устанавливали — запускаем его в другом канале.

С пикселями в контексте в Google и Яндексе такое заблуждение уже редко встречается. А по соцсетям оно не редкость — якобы достаточно одного пикселя для всех соцсетей. К сожалению, для каждой соцсети нужен свой, каждая система собирает пользователей по отдельности друг от друга. Пока ещё не изобрели единый пиксель для всех платформ (но это не точно).

Выгрузим из пикселя пользователей в нашу базу и всем позвоним/напишем.

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

На сайте уже стоит пиксель, запускайте по нему.

Клиент думает, что, если предыдущий подрядчик запускал ретаргет по пикселю, значит, и мы можем продолжать рекламную кампанию по пользователям с сайта. Да, но… Только если этот подрядчик собирал аудиторию и запускал рекламу в вашем рекламном кабинете кампании или же готов предоставить/делегировать доступ к базе пикселя.

Примечания

• Спецификации Apple iMac (рус.). Apple. Дата обращения 23 сентября 2012. Архивировано 18 октября 2012 года.
• LM215WF3 LCD Product Specification (неопр.)
  . LG Display. Дата обращения 27 января 2012. Архивировано 18 октября 2012 года.
• HP LP2065 20-inch (50.8 cm) LCD Monitor — Specifications and Warranty Архивировано 10 апреля 2008 года. (Hewlett-Packard official website)
• Web Graphics Basics (неопр.)
  . Архивировано 18 октября 2012 года.
• Utads.com Glossary of Terms (неопр.)
  . Архивировано 18 октября 2012 года.
• Resolution, dpi and ppi (неопр.)
  . Архивировано 18 октября 2012 года.

Чем ppi отличается от dpi и почему не стоит путать

Dpi (сокращение от английского dots per inch — точек на дюйм) — это разрешение печатающего устройства. Dpi — говоря простым языком, это величина, показывающая, насколько маленькую точку может нарисовать печатающее устройство. Термин dpi применяется в полиграфии.

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

Для рядового пользователя какой-либо разницы между dpi и ppi нет. И то и другое — единицы измерения, которые применяются для определения разрешения изображения, отображенного на экране или распечатанного на бумаге (dpi).

О выборе дисплеев

Есть несколько правил, которые помогут выбрать дисплей правильно с учетом пикселей, звучат они следующим образом:

1Обязательно обращайте внимание на тип дисплея. В приоритете должны быть AMOLED, еще лучше SuperAMOLED или же OLED. Такие аппараты всегда будут лучше, чем IPS, LCD и другие.

Допустим, мы пришли в магазин и видим, к примеру, два отличных аппарата – Samsung Galaxy J7 и Xiaomi Redmi Note 3. Цена у них практически одинаковая, второй аппарат, кстати, мощнее.

В характеристиках указано, что у Сяоми 400 ppi (почему-то некоторые пишут 400,53, но, как мы говорили выше, нецелого числа пикс. быть не может).

У Самсунга 267 PPI и разрешение, соответственно, меньше (1280х720 против 1920х1080). Диагональ одинаковая – 5,5 дюймов.

Но почему-то картинка более четкая именно на Samsung. А все из-за использования фирменной технологии SuperAMOLED+. Вы можете в этом убедиться сами, если обратите внимание на рисунок 5.

Рис. 5. Xiaomi Redmi Note 3 и Samsung Galaxy J7

2Постарайтесь найти возможность лично посмотреть на все образцы, которые вы выбрали. Можно сначала просмотреть их опции в интернете, а потом пойти в магазин электроники и увидеть, как реально они отображают картинки. Личный взгляд в данном случае просто незаменим.

3Обращайте внимание на батарею. Если говорить о смартфонах, то чтобы обеспечить долгую работу аппарата с четким изображением (большим показателем ppi и/или хорошей технологией), то емкость аккумулятора должна составлять порядка 3000 мАч.

У планшетов она должна быть еще выше, так как их диагональ больше, чем у телефонов

4Помните: чем меньше диагональ и чем выше плотность пикселей (количество таковых на дюйм), тем четче изображение. Не стоит обманывать самих себя – добиться очень четкой картинки с огромным дисплеем и небольшим значением пи-пи-ай не получится. Здесь важно соблюдать золотую середину.

5Важно учитывать и покрытие. Так матовые экраны будут выдавать менее четкое и насыщенное изображение, зато будут более щадяще относиться к вашим глазам.

А вот глянцевые дисплеи будут негативно влиять за зрение, зато изображение на них будет намного более красивым. При этом значение ppi у них может быть одинаковым.

Это, в основном, актуально для выбора мониторов к ПК и ноутбуков. Если вы работаете за компьютером полный рабочий день или даже больше, лучше остановиться на матовом варианте.

Рис. 6. Глянцевый (слева) и матовый (справа) экраны ноутбуков

Все это позволит вам выбрать наиболее подходящий дисплей для себя.

Обзор мониторов для дизайнеров: ТОП-5 моделей 2017 года

Обзор мониторов Dell: ТОП-5 дисплеев для разных задач

Собрать компьютер самостоятельно: онлайн-конфигуратор с проверкой совместимости

Мерцает экран на ноутбуке: эффективные способы решения проблемы

к содержанию ↑