В чем разница между DPI (точек на дюйм) и PPI (пикселей на дюйм)?

28

Есть много других вопросов по графическому дизайну, которые частично охватывают это, например, какой DPI следует использовать для каких ситуаций? ,

Тем не менее, я разочаровался в количестве вопросов и ответов, которые смешивают два термина. Я думаю, что понимание разницы важно.

Так что вот место, чтобы хорошо ответить на этот вопрос и устранить путаницу!

e100
источник
1
Вы не хотите просто очистить (т. Е. Удалить ссылку на Photoshop) из graphicdesign.stackexchange.com/questions/199/… и направить на него злоумышленников? Оба ответа довольно кратко проясняют разницу между точками и пикселями. Все, чего не хватает, это «на дюйм».
Farray
1
Это многолетнее растение. Встречается снова и снова в разных формах на каждом форуме, графике, блоге или семинаре. Правда, у e100 нет однозначного утверждения, которое бы охватывало все основы и четко решало этот точный вопрос. Я сделал попытку ниже. Не стесняйтесь редактировать.
Алан Гилбертсон
@AlanGilbertson Звучит хорошо. После того, как мы получим несколько хороших канонических ответов, возможно, мы могли бы отредактировать выдержки в Tag Wiki и, надеюсь, уменьшить путаницу в будущем ...
Farray
@Farray, точки и точки - это совершенно разные вещи.
e100
@ e100 Вы правы. Я немного подпрыгнул от этого комментария, основываясь на интуитивном ощущении, что мы видели этот вопрос раньше. После рассмотрения множества других вопросов DPI / PPI кажется, что мы действительно не затронули эту тему так, чтобы будущие вопросы могли быть использованы для однозначного ответа.
Farray

Ответы:

23

Пикселей (слово первоначально был придуман, IIRC, от IBM и происходит от «элемента изображения») является наименьшей неделимой единицей информации в цифровом изображении. Пиксели могут отображаться или печататься, но вы не можете разделить пиксели на более мелкие части, чтобы получить больше информации. Сколько каналов и битов на канал составляют один пиксель - это мера того, насколько тонкой может быть информация в пикселе, но основной факт заключается в том, что 1 пиксель - это наименьшее приращение информации в изображении. Если вы делаете видео, вы знаете, что пиксели не обязательно должны быть квадратными - они не квадратные во всех старых видеоформатах. Квадрат или нет, пиксель - все еще самая маленькая единица изображения.

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

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

Точек на дюйм довольно легко. Экран имеет так много точек (каждая из которых содержит элементы R, G и B) на дюйм экрана. То же самое на бумаге. Принтер с разрешением 1200 т / д может уложить 1200 точек на один линейный дюйм. При описании деталей экрана или вывода на принтер количество точек на дюйм является правильным термином.

В PPI возникает путаница. Изображение имеет так много пикселей. Его метаданные содержат выходной размер в дюймах, см, мм, M & Ms, что угодно. Это ширина в пикселях, разделенная на ширину вывода в метаданных, из которой получается «на дюйм». Таким образом, одно и то же изображение с разными метаданными может быть 72 ppi, 150 ppi или 8000 ppi. Информация об изображении одинакова; все, что изменилось, это метаданные.

Быстрая и простая демонстрация, которая в некоторой степени иллюстрирует смысл, состоит в том, чтобы сделать несколько отметок на куске резинки, скажем, от пяти до дюйма. Растянуть эластик вдвое больше его длины. Количество меток не изменилось, хотя «меток на дюйм» теперь составляет 2,5.

Вы можете увидеть это в Photoshop, если выключите Resample Imageи измените размер. Значение ppi изменяется, чтобы отразить, как маленькие пиксели должны быть воспроизведены, чтобы достичь значения измерения в дюймах / см / мм и т. Д. Обратите внимание, что в этом случае Pixelsполя отключены. Вы не можете изменить эти значения, если не выполните повторную выборку.

Массовая путаница возникла, когда пиксели изображения были сопоставлены с точками экрана в веб-браузерах. Изображение 200 пикселей отображается в браузере как 200 пикселей. Как велика она, измеряется с помощью линейки, зависит от точек на дюйм экрана. В метаданных изображения может быть указано, что оно составляет 200 ppi, 72 ppi или 1 ppi, но все равно будет занимать ровно 200 точек экрана. Мир по-прежнему зациклен на «72 ppi для сети», поэтому вопрос «каково правильное разрешение для веб-изображений» продолжает возникать, и правильный ответ «это не имеет значения» продолжает поступать до тошноты.

Если вы все еще со мной, есть последний шаг, который объединяет их.

Изображение шириной 720 пикселей и шириной 10 физических дюймов имеет разрешение 72 пикселя на дюйм. Если вы напечатаете его на принтере с разрешением 1200 точек на дюйм, на бумаге будет 1200 точек на дюйм, но изображение по-прежнему будет 72 пикселя на дюйм . Вот почему это выглядит как дерьмо. С другой стороны, изображение шириной 7200 пикселей, напечатанное с шириной 1 дюйм, превысит разрешение нашего принтера с разрешением 1200 точек на дюйм. Photoshop (скажем) и драйвер принтера решают, какие пиксели выбрасывать, а какие печатать. Некоторые из напечатанных точек будут усреднены среди смежных пикселей изображения, но, независимо от этого, часть информации об изображении должна быть выброшена. Выходной сигнал будет 1200 точек на дюйм, но программное обеспечение разрешит разрешение печатаемого изображения не более 1200 точек на дюйм.

Алан Гилбертсон
источник
Хм, хорошо, но думаю, что упоминание «точек на дюйм» для экранов сбивает с толку ...
e100
2
Вероятно, стоит также упомянуть, что каждый пиксель в изображении может быть любого цвета в рабочем цветовом пространстве, точки (особенно в цифровой печати), как правило, гораздо более ограничены. Принтер с разрешением 1200 точек на дюйм может печатать 1200 точек на дюйм (обычно 1200 точек на дюйм на цвет), но каждая из этих точек либо включена, либо выключена или доступна в ограниченном количестве размеров (обычно четыре или меньше). Это означает, что вам нужна группа точек, взятых вместе, чтобы точно создать цвет пикселя. (продолжение)
Стэн Роджерс
2
Печать изображения с разрешением 300 ppi (разрешение печати) на принтере с разрешением 1200 т / д будет означать, что для каждого из этих пикселей есть 16 точек каждого цвета (с низкой «глубиной» для каждой точки). В то время как системы принтеров / драйверов довольно хорошо справляются с дизерингом, это все еще довольно слабый охват Вот почему цифровые принтеры с более чем четырьмя значениями чернил (более светлый черный, светло-голубой, светло-пурпурный и часто один или несколько чистых цветов, которые обычно смешиваются) могут печатать намного лучше, чем универсальный четырехцветный универсальный принтер с разрешением 1200 т / д за 50 долл. США - каждая из групп точек, используемых для печати пикселя, может представлять гораздо больший диапазон тонов.
Стэн Роджерс
@Stan - Я бы посоветовал вам сложить эту информацию в ответ.
e100
Итак, пиксель - это (цветовая) кодировка того, что должно отображаться в / на точке?
Самис
2

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

Я думаю, что многие помнят те безумные дни, когда мы переходили с VGA на SVGA на XGA. Некоторое время было приятно, когда у большинства потребителей были мониторы со спецификациями, подобными 1024px X 768px при 72 PPI, и у нас была довольно безопасная цель для отображения графики.

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

Простой реальный пример - iPhone от Apple . Первые 3 издания имели экран 89 мм (диагональ) с разрешением 320px X 480px (163 PPI). Затем они представили дисплей «Retina» (привет, маркетинг), который увеличил разрешение до 640px X 480px, но по-прежнему был только 89 мм в физическом размере (326 PPI!). BlackBerry предпринял аналогичные шаги (хотя и без маркетингового паники), и похоже, что то же самое должно произойти и с iPad.

Еще один термин, который также может представлять интерес - это DIP или DP . Microsoft называет их «независимыми от устройства пикселями», а на платформе Android они являются «независимыми от плотности пикселями» . Они имеют несколько разные имена, но имеют одну и ту же базовую концепцию. Цель состоит в том, чтобы приложения были «осведомлены о DPI» и масштабировали текст / объекты в соответствии с постоянными соглашениями. Приложения, учитывающие плотность, распознают PPI ​​дисплея и желаемый «DPI», а затем соответствующим образом масштабируют текст и объекты.

Возвращаясь к нашему постоянно растущему сценарию PPI, если вы разработали веб-сайт или приложение со шрифтом 80px, вы можете подумать, что он довольно большой на экране 163 PPI. Ваш текст будет почти полдюйма, что достаточно много для телефона. Но затем выходит следующая версия телефона, и вдруг ваш текст имеет высоту всего 1/4 дюйма при 326 PPI. Это было бы особенно плохо, если бы часть вашего текста была масштабирована в другой единице измерения, и внезапно основной текст стал больше заголовка текст. (Иногда я все еще сталкиваюсь с сайтами, которые допустили эту ошибку.) Если бы вместо этого вы использовали DIP / DP для масштабирования, вы могли бы держать оба телефона рядом друг с другом, и текст имел бы одинаковые физические размеры (хотя, возможно, заметно резче). на модели с более высоким DPI).

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

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

Farray
источник
AFAIK, Microsoft раньше назвала DIPs TWIPS. Они полезны в тех случаях, когда на экране больше видового экрана: многие приложения на смартфонах допускают масштабирование, и в этом смысле экран представляет собой видовой экран, измеряемый в логических единицах. Более высокий экран PPI позволяет лучше смотреть изображения при низких уровнях масштабирования.
Горацио
Я думаю, что у iPhone 4 разрешение «Retina Display» выше, 960px x 640px (QHD).
FooF
2

DPI = сколько разных точек печатающего устройства и рендеринга на дюйм.

PPI = количество пикселей в дюйме устройства отображения видео.

Многие программы, а именно Photoshop, используют DPI для обоих определений.

ОБНОВИТЬ:

Теперь на e100 я подвергаю сомнению свое мнение по этому поводу (что хорошо!), и, проводя дополнительные исследования, мне нужно немного обновить свое мнение.

ИСТОРИЧЕСКИ, DPI относится к процессу печати ... а именно, сколько дискретных точек принтер может произвести на бумаге. PPI относится к числу пикселей на дюйм вашего монитора.

Итак, один из них касается процесса печати на бумаге, а другой - об оборудовании вашего дисплея.

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

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

Теперь ... к вопросу о назначении настройки DPI / PPI для цифрового изображения.

Цифровое изображение состоит из пикселей. Пока изображение остается цифровым, его не волнует, какой PPI вы говорите, так как оно всегда будет отображаться на основе общего количества пикселей. Для isntance изображение размером 1000px x 1000px по умолчанию в веб-браузере будет иметь ширину 1000px.

Придание изображения значению параметра DPI / PPI имеет место при печати ... именно так программное обеспечение вычисляет физический размер аналогового выхода. Таким образом, ваше изображение 1000px x 1000px с настройкой DPI 500dpi приведет к тому, что изображение будет напечатано размером 2 дюйма.

Когда вещи путаются, так это то, что IIRC, Photoshop исторически использовал «DPI» в качестве термина для этого. Хотя, похоже, теперь он использует термин «ИЦП».

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

Итак, в целом, мои определения будут:

DPI = спецификация для вашего принтера, объясняющая, насколько детально изображение может печатать PPI = спецификация для вашего монитора, объясняющая, насколько детально изображение может отображаться для данного физического размера

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

DA01
источник
Все еще не найдено, где Photoshop
понимает
2
В Photoshop есть параметр DPI, который он использует, чтобы попытаться эмулировать определенный PPI при просмотре изображения в «реальном размере». Также обратите внимание, что на самом деле изображения не имеют настроек PPI. PPI - это измерение плотности вашего экрана, а не вашего изображения. Что касается вашего изображения, пиксель - это пиксель.
DA01
Где именно эта настройка DPI в Photoshop (у меня нет приложения)?
e100
1
Ну, это PPI в 5.5 (не CS 5.5), который у меня здесь открыт, и ему 13 лет.
e100
3
ИЦП предназначен только для расчета физических размеров с целью производства. Ничто не меняется в самом изображении, только его метаданные. Давным-давно можно было сообщить Photoshop, какое реальное разрешение экрана было в пикселях (точках экрана) на дюйм, так что «Фактический размер» был точным. Я не могу найти эту настройку для быстрого поиска в CS5. Несколько лет назад Скотт Келби написал статью об этом. Я должен это посмотреть.
Алан Гилбертсон
2

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


Пиксели на дюйм (ppi) - это мера разрешения в двух разных контекстах.

(а) разрешение изображения, напечатанного с определенным физическим размером

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

например, 1. У вас есть квадратное изображение 1000px в Photoshop, и вы распечатываете его, так что это 3 дюйма квадрат. Разрешение печати составляет 333ppi.

например, 2. Затем вы помещаете его в макет InDesign с площадью 1,5 дюйма и отправляете в PDF. Инструменты Acrobat для допечатной подготовки сообщают, что при печати 666 точек на дюйм.

например 3. Вы просматриваете его в веб-браузере на разных устройствах. Это квадрат 1000px, независимо от размера или разрешения вашего экрана; однако физические размеры сильно различаются.

например, 4. Вы возвращаетесь в Photoshop и замечаете, что изображение было установлено как 72ppi все время, и это не имело никакого значения ни для одного из этих случаев. Вы изменяете его на 144ppi (без передискретизации, т. Е. Количество пикселей не изменяется) и обнаруживает, что это также не имеет значения ни для одного из случаев.

например, 5. После небольшого количества экспериментов вы обнаружите, что ppi имеет значение, когда вы печатаете из Photoshop в масштабе 100%. Но то же самое происходит и с изменением размеров печати - они напрямую (и обратно) связаны, и оба являются просто метаданными, которые определяют, как изображение должно быть напечатано, и могут быть легко переопределены.

(б) физическое разрешение устройства отображения

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

Вы можете легко измерить PPI экрана, если вы знаете его размеры в пикселях, просто разделите его высоту (или ширину) в пикселях на его высоту (или ширину), измеренную линейкой. Первые Mac были 72ppi; ноутбуки до 130ppi; текущие смартфоны 200ppi +, до iPhone 4 в 330ppi.


Количество точек на дюйм (dpi) - это физическая мера выходного разрешения устройства печати.

Точки - это отдельные капли чернил.

(продолжение следует)

NB Термин очень часто используется для обозначения ppi в обоих смыслах выше.

Лично я считаю это неверным, каким бы укорененным оно ни было, и источником постоянной путаницы.

e100
источник
Хорошее начало! В конце концов, с точки зрения «плотности данных изображений» PPI и DPI являются взаимозаменяемыми. Если мы называем блоки данных пиксел или точка несколько спорно и произвольно. Я склоняюсь к тому, чтобы PPI был более современным термином. Но все же не вижу никакой разницы в определении с DPI, когда мы говорим о плотности данных изображения. Различия в терминологии становятся более очевидными, когда мы говорим об оборудовании: принтеры и экраны.
DA01
0

Я не буду отвечать, в чем разница между DPI и PPI. Я сделаю более фундаментальный ответ.

В чем разница между точкой и пикселем?

Точка

Я оставлю математические, геометрические и концептуальные определения вне этого ответа. Я имею в виду только графику.

Точка - это крошечное пятно чего-то (капля чернил, частица пыли), используемая на физическом печатном носителе. Обычно это наименьшее количество материала, которое вы можете иметь на этом носителе. Либо у вас есть точка, либо у вас ее нет.

Пиксель

Пиксель определяет разные вещи. Да, наверное, стоит назвать некоторые из них по-другому)

I. Небольшой блок информации о файле цифрового изображения.

Это крошечный блок информации, а не точка. Точка может быть либо там, либо нет. Наоборот, пиксель может хранить одно из нескольких миллионов значений.

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

А теперь представьте магазин, в котором вы можете выбрать один из нескольких миллионов товаров. Это пиксель.

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

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

II. Наименьшая часть экрана, которую можно изменить, чтобы отобразить различные оттенки цвета.

Да, мы можем узнать, сколько пикселей этого экрана у нас на физическом мониторе, но, к счастью для нас, люди дают общее количество; FullHD, 4K на 50 "экране.

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


Обратите внимание на одну вещь. Точка может использоваться в области математики, геометрии, живописи, графики и т. Д. Пиксель на цифровом файле, экране или проекции. Вам нужно только знать, каков контекст.

Рафаэль
источник
-3

DPI используется для печати PPI используется для чего-либо на экране для таких вещей, как игры или онлайн-баннеры ETC.

Джордан Моран
источник
2
Привет и добро пожаловать в GD.SE. Как именно это улучшает существующие ответы? В целом мы стараемся избегать однострочных ответов и обращаемся к большему количеству вопросов Это не значит, что мы не хотим, чтобы вы были здесь. Но проблема в том, чтобы создать хранилище отличных ответов. И, откровенно говоря, немного кривой обучения ... в любом случае, добро пожаловать.
joojaa