Пиксель, нужная и не нужная плотность в современных смартфонах

Единицы измерения разрешения:

Разрешающая способность сканера измеряется в выборках на дюйм ( spi )Разрешение
цифровых изображений, измеряется в полученных или предназначеных для вывода пикселях
на дюйм ( ppi )Разрешающая способность устройства
вывода — в точках на дюйм ( dpi ). Многие путают эти единицы
измерения. Сканер и цифровые камеры
создают пиксели, не точки. Однако,
пиксели в конечном счете будут
определять значения точек на выводе. Tочка на выводном устройстве может быть создана
исходя из информации: -каждого пикселя; -группы пикселей
-или
группа точек создана из группы пикселей.

Например, если изображение имеет длину
300 пикселей и выводится на принтере,
разрешение печати которого 300 точек на дюйм (dpi), то на печати
длина изображения будет равна одному
дюйму, потому что одна точка была
создана исходя из информации, которую несёт один пиксель. Возникает
следующий вопрос :- » Насколько велика
точка печати? » Для устройства печати,
способного напечатать 300 точек на дюйм,
каждая точка — 1/300 дюйма (0,0846мм). (например цифровая фотопечать в минилабе). Если Вы
печатаете файл, у которого
сторона имеет 3000
пикселей, на таком устройстве печати, то один
дюйм напечатанного изображения будет
появляться на выводе для каждой группы
из 300 пикселей в файле. Размер отпечатка
будет 10 дюймов. Если Вы выводите тот же
самый файл для получения слайда,
используя устройство
записи на фотопленку с разрешающей
способностью 1000 точек на дюйм, каждая
точка — 1/1000 дюйма (0,0254 мм). С 3000 пикселями в файле,
устройство записи на фотопленку
произведет один дюйм изображения на
слайде для каждой группы в 1000 пикселей.
размер отпечатка будет три дюйма. В обоих
случаях, есть 3000 пикселей в файле, но на
одном устройстве вывода изображение
длинной 10 дюймов, а на другом только 3 дюйма. В этой
ситуации, устройство записи на
фотопленку имеет более высокую
разрешающую способность, чем принтер.
Цифровые изображения не имеют
конкретной физической линейной длинны и ширины.
Привыкайте
оценивать величину цифрового
изображения по размеру файла в МегаБайтах. Как
велико изображение RGB,
имеющее 2000 x 3000 пикселя? -в формате файла, не использующего сжатие, на жестком диске
оно занимает 17,2 МБ? Какие оно имеет линейные размеры? Вопрос не имеет
ответа, пока неизвестно устройство
вывода.
Создайте новое изображение в Photoshop, задав указаное количество пикселей, Программа позволит Вам при этом, выставить значение в поле Разрешение до 9999 ppi, созданные с разным разрешением файлы будут равноценными по качеству и количеству информации.

Опять вернемся к нашей таблице Excel — мы можем отправить на печать 10 рядов ячеек на страницу или 30 рядов, или 300 (своя рука владыка). Если 10 ячеек на странице смотряться «рыхло» — цифра от цифры далековато и мы можем сказать, что на единицу площади информации мало. В случае печати 300 рядов ячеек на страницу — информации на единицу площади слишком много — мы элементарно не сможем прочитать содержимое — информации избыточно много. А вот 30 рядов ячеек то, что надо, информация складывается в изображение, например такое:.
Плохо, и недостаток, и избыток информации. Но это «плохо» только на печати, пока цифровое изображение в компьютере тег «разрешение» (значение количества пикселей на единицу длинны, которые мы выделяем для печати изображения) качество изображения никак не характеризует.

PT и DP

Конечно, это все актуально не только для устройств Apple. Каждая операционная система — десктопная или мобильная — поддерживает экраны с высоким ppi/dpi. В Google придумали свою независимую от пикселей единицу измерения для Android, которая называется DIP — пиксель, не зависящий от плотности, сокращенно «dp». Это не эквивалент пунктам в iOS, но идея похожа. Это универсальные единицы измерения, которые можно конвертировать в пиксели с помощью масштабного множителя устройства (2x, 3x и так далее).

Возможно, вас интересует физический размер пункта. На самом деле, дизайнеры интерфейсов не должны об этом думать, так как у них нет контроля над аппаратными особенностями экранов разных устройств. Дизайнерам нужно знать, какие плотности пикселей принял производитель для своих устройств, и позаботиться о подготовке интерфейсов в 1x, 2x, 3x и так далее.

В устройствах Apple нет единой плотности пикселей, которая представляет один пункт — это зависит от конкретного устройства (см. «Восприятие масштаба» ниже). В iOS пункт варьируется от 132 точек на дюйм до 163 точек на дюйм. На Android DIP всегда равен 160 ppi.

Как использовать пиксели на дюйм

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

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

Вы можете создать или отредактировать изображение на своем 17-дюймовом ноутбуке с экраном HD (129,584 PPI), но знайте, что вы будете показывать его на 84-дюймовом 4-мм дисплее UHD (52,45 PPI) в офисе на следующей неделе.

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

Чтобы ответить на этот вопрос, вам сначала нужно знать PPI устройства или дисплея, которые вам интересны, Мы узнали, как это сделать в последнем разделе, или вы нашли одно или оба числа в приведенной ниже таблице.

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

Как и раньше, вот полные уравнения, если вы так склонны, но инструкции ниже:

HSIZE = вес/PPI

VSIZE = час/PPI

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

Вот как вы это делаете, если ваше изображение имеет размер 950×375 пикселей, а на дисплее, который вы планируете, это 84-дюймовый экран 4K (3840×2160) (52,45 PPI):

1. Разделите ширину PPI: 950 / 52,45 = 18,11 дюйма
2. Разделите высоту на ИЦП: 375 / 52,45 = 7,15 дюйма

Здесь мы показали, что независимо от того, насколько «большой» или «маленький» может показаться, что изображение ваш экран с размером пикселей 950×375, это изображение будет выглядеть 18,11 «на 7,15» на этом 84-дюймовом 4K TV, на котором будет показано.

Теперь вы можете использовать эти знания по своему усмотрению — возможно, это именно то, что вам нужно, или, может быть, это недостаточно велико, учитывая, что 84-дюймовый экран составляет примерно 73 дюйма в диаметре и 41 дюйм в высоту!

Определите размер изображения, которое будет печатать при полном разрешении

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

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

Вот уравнения:

HSIZE = вес/PPI

VSIZE = час/PPI

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

Вот как вы это делаете, если ваше изображение имеет размер 375×148 пикселей и имеет ИЦП 72:

1. Разделите ширину PPI: 375/72 = 5,21 дюйма
2. Разделите высоту на ИЦП: 148/72 = 2,06 дюйма

Предполагая, что вы не масштабируете изображение во время процесса печати, изображение будет напечатано физически размером 5,21 дюйма на 2,06 дюйма. Сделайте математику с изображением, которое у вас есть, а затем распечатайте — он работает каждый раз!

Разрешение DPI принтер установлен на 300, 600, 1200 и т. д., не влияет на размер, на котором напечатано изображение! Это число очень похоже на PPI и представляет собой «качество», с помощью которого печатается изображение, отправленное на принтер, но не должно включаться как часть ваших расчетов размера изображения.

Теперь самое время рассмотреть вопрос — что же такое dpi?

dpi — расшифоровывается как «dots per inch» и переводится как «точек на дюйм». На первый взгляд понятия ppi и dpi идентичны, особенно если вспомнить, что термином пиксель обозначается минимальная точка компьютерной графики, которая в силу особенностей виртуального мира имеет форму квадрата. Кажется что оба понятия говорят об одном и том же — точках на дюйм. Но на самом деле эти понятия никак не связанны между собой. Чтобы лучше уяснить разницу между ними лучше всего запомнить, что ppi как термин из компьютерной графики — это понятие виртуального мира, а dpi — термин полиграфии, тоесть реальный мир. Если говорить более адекватно, то ppi — это разрешение самого цифрового изображения, а dpi — это разрешение печатающего устройства. И хотя полиграфия невозможна без графики, термины эти между собой никак не связаны.

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

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

Чем меньше созданная точка, тем их больше поместится на 1 дюйм.

Чем больше точек поместится на 1 дюйм, тем выше будет качество отпечатка.

Если, например, отпечатать с разрешением 1440dpi изображение с 40ppi в масштабе 1:1 то вы получите очень чётко отпечатанное изображение с высококачественно прорисованными пикселами, которые будет видно невооружённым глазом с расстояния 1м. Можно наоборот, отпечатать изображение высокого разрешения ppi с разрешением печати 360dpi — отпечаток будет нерезким, будет просматриваться зернистость.

Термин dpi не единственный, который характеризует качество отпечатка. Также при печати важен размер наносимой капли, её форма (чем правильнее, тем качественнее отпечаток) и др. При низком разрешении печати (360 dpi) плотность капель будет существенно ниже и размер их должен быть больше по сравнению с разрешением в 1440dpi. Это будет сказываться на детализации, точности и тонкости линий, а также насыщенности цветов. Более высокое разрешение сказывается на времени печати — требуется большее количество проходов. В широкоформатной и интерьерной печати разрешение печати задаётся как равными, так и не равными величинами. Например 360×360dpi, 360×540dpi, 540×540dpi, 540×720dpi, 540×1080, 720×720, 720×1080 и т.д. От чего так — я, признаюсь, сам не понимаю. Но как правило все придают значение только первой величине и поэтому существует 4 основных разрешения печати 360dpi, 540dpi, 720dpi, 1440dpi.

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

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

На сим я закругяюсь и желаю вам успехов в понимании столь принципильных понятий в компьютерной графике и полиграфии, как dpi и ppi.

-08/08/13- Влад Рачков

Возможно, вам будут интересны следующие страницы: Стикеры, Сувенирная печать, Магниты, Постеры

Как интерпретируется

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

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

Повышение ИЦП
(в пределах запланированных значений)
приводит к тому, что производители, в
ответ на удорожание закупочных цен,
стремятся максимизировать свои прибыли
(в частности за счёт оптимизации
производственных процессов). Это
стимулирует экономику в целом и позитивно
сказывается на рынке акций.

Повышение
процентных ставок (к которому может
привести рост ИЦП) положительным образом
сказывается и на состоянии национальной
валюты – инвесторы предпочитают держать
свои деньги в той валюте которая
гарантирует им получение относительно
больших процентов. А ещё это стимулирует
приток иностранных инвестиций в экономику
страны.

Помимо того, что
изменение ИЦП является одним из
индикаторов инфляции, его повышение
можно интерпретировать ещё и следующим
образом:

• Повышение
  ИЦП на фоне роста экономики страны
  может стать сигналом возможного
  ужесточения кредитно-денежной политики.
  А это, в свою очередь, повышает
  привлекательность инвестиций в
  национальной валюте;
• Если же ИЦП
  повышается на фоне общего спада в
  экономике страны, то это может негативно
  сказаться на промышленности. Причиной
  этому то, что предприятия опасаются
  переложить все расходы связанные с
  ростом себестоимости (которая, в свою
  очередь растёт вслед за ростом цен на
  материалы и комплектующие) на потребителей.
  Опасения эти связаны с возможностью
  потерять свою долю на рынке сбыта.

Проблемы с современными системами единиц

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

Размер всех трех шрифтов в типографских пунктах одинаков, но высота знака везде разная.

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

Автор статьи: Kateryna Yuri

Что показывает ИЦП

Он не является прямым показателем инфляции (в отличии от ИПЦ), однако его рост может являться её предтечей. Ведь возросшие отпускные цены приведут к росту себестоимости производимой продукции и производители попытаются переложить эти издержки на плечи её конечных потребителей (то есть нас с вами).

Таким образом индекс цен производителей можно назвать ранним индикатором инфляции.

Но, с другой
стороны, рост ИЦП не всегда говорит о
том, что возрастёт индекс потребительских
цен и повысится уровень инфляции. На то
есть три основных причины:

1. Рост цен
   на сырьё, материалы или комплектующие
   может быть компенсирован производителем
   за счёт сокращения каких-либо других
   статей расходов;
2. В том
   случае, если производитель всё же
   повысит отпускные цены на свою продукцию,
   это не обязательно приведёт к росту
   розничных цен на неё. Розничные сети
   также могут компенсировать это
   подорожание за счёт уменьшения других
   своих расходов;
3. Рост
   индекса цен производителей не обязательно
   приводит к росту индекса потребительских
   цен по той простой причине, что они
   рассчитываются исходя из разных наборов
   товаров. ИЦП включает в себя динамику
   цен по промышленным товарам, а ИПЦ по
   определённой корзине потребительских
   товаров, а кроме этого включает в себя
   ещё и услуги.

Использование PPI на Android

Необходимые графические ресурсы, пример Chrome

Именование с добавлением DPI, предложенное здесь, не обязательно и не представлено в официальных руководствах Android. В связи с ограничением текущих средств проектирования так мы называем наши графические ресурсы из-за ограничений текущих инструментов дизайна, которые осложняют определение конкретных путей для экспорта графических ресурсов.
Учитывая, что источник графических ресурсов может иногда содержать сотни графических ресурсов, поскольку менее болезненно делать процесс экспорта и избегать ошибок дублирования имен со стороны дизайнера. В исходном хранилище графические ресурсы структурированы следующим образом: — drawable-mdpi/asset.png
— drawable-hdpi/asset.png
— и т.д. …

Android имеет 7 различных DPI, вам нужно беспокоиться о 4: mdpi, hdpi, xhdpi, xxhdpi плюс XXXHDPI, если вы хотите сделать заготовку на будущее своего приложения.
MDPI является базовым DPI или вашим множителем 1x
Android использует dp вместо pt для спецификации, но они одинаковы
Округляйте в подходящую для вас сторону для множителей с цифрами после запятой.
Отдавайте работу в .png изображениях.
Обговорите конвенцию именования и процесс экспорта с человеком, ответственным за реализацию.

Плотность пикселей – почему это не так важно!

Значение PPI определяет количество пикселей на один дюйм экрана устройства. Более высокие значения делают картинку более четкой, читаемой и качественной.

Как PPI влияет на качество изображения

Когда Apple представила миру iPhone 4, в нем использовался революционный на тот момент дисплей «Retina», качество изображения на котором могло сравниться с качеством картинки в глянцевых журналах (300 DPI). Тогда компания наглядно показала всему миру, что высокие разрешения на экране смартфона не какая-то сказка, я самая настоящая реальность.

На данный момент, самое высокое значение DPI (dots per inch – количество точек на дюйм) у дисплея смартфона Sony Xperia Z5 Premium. Его 5,5-дюймовый экран имеет поддержку 4К разрешения (2160 х 3840) и плотность пикселей 806 PPI.

Среди смартфонов Xiaomi, хорошее разрешение можно найти у Mi Mix (1080×2040 пикселей), Mi Mix 2 (1080×2160 Full HD+) и Mi Note Pro (2560×1440 Quad HD).

Первые исследования и текущая реальность

Если раньше Apple заявляла, что 326 PPI будет достаточно и более высокие разрешения на маленьком дисплее портативного устройства станут попросту невостребованными. То теперь, глядя на дисплей нового iPhone X, с его 458 PPI, становится ясно, что Apple решила больше не следовать этой философии.

Будем откровенны. Среднестатистический пользователь невооружённым взглядом заметит разницу между 300 и 500 PPI в том случае, если будет держать экран своего телефона на расстоянии вытянутой ладони от своих глаз.

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

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

Несмотря на это, приведём некоторые значимые аргументы, в пользу экранов с высоким PPI.

Притворяйся, пока это не станет правдой

Стоит упомянуть, что иногда устройства лгут. Они делают вид, что их коэффициент преобразования пикселей в пункты, например, 3х, а на самом деле, он 2,61х, а сам исходник масштабируется в 3х для удобства. Так поступает, например, iPhone Plus. Он сжимает интерфейс, сделанный в 1242×2208 до разрешения экрана в 1080×1920.

Создавайте дизайн под iPhone Plus так, как если бы он был 3x. Телефон сам отмасштабирует его в 87%

Так как графика лишь немного уменьшается (87%), результат по-прежнему выглядит достойно — линия толщиной в 1px на экране почти в 3x выглядит все равно невероятно четкой. И есть шанс, что в будущем Apple представит настоящий 3x iPhone Plus, так как нужные аппаратные возможности вполне могут быть доступны для продукта, выпускаемого в таких огромных количествах.

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

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

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

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

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. Глянцевый (слева) и матовый (справа) экраны ноутбуков

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