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

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

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

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

Пикселей (слово первоначально был придуман, 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 точек на дюйм.

Алан довольно хорошо раскрыл большинство основ. Я также хотел бы подчеркнуть не только разницу между 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, он должен справиться с некоторыми догадками и позволить вам ориентироваться на более широкий спектр дисплеев, не увеличивая вашу техническую нагрузку.

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

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

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

Пиксели на дюйм (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 в обоих смыслах выше.

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

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

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

Точка

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

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

Пиксель

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

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

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

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

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

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

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

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

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

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

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

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