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

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

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

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

Количество точек на дюйм довольно просто. Экран имеет столько точек (каждая из которых содержит элементы R, G и B) на дюйм экрана. То же самое на бумаге. Принтер с разрешением 1200 dpi может наносить 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 dpi, на бумаге будет 1200 точек на дюйм, но изображение по-прежнему будет иметь разрешение 72 пикселя на дюйм . Вот почему это выглядит как дерьмо. С другой стороны, изображение шириной 7200 пикселей, напечатанное шириной 1 дюйм, превысит разрешение нашего принтера с разрешением 1200 точек на дюйм. Photoshop (скажем) и драйвер принтера решают, какие пиксели отбрасывать, а какие печатать. Некоторые напечатанные точки будут усреднены среди соседних пикселей изображения, но, тем не менее, часть информации об изображении придется отбросить. Выходное разрешение будет 1200 dpi, но разрешение напечатанного изображения будет уменьшено программным обеспечением не более чем до 1200 dpi.

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

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

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

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

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

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

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

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

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

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

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

ОБНОВИТЬ:

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

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

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

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

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

Теперь... к вопросу о назначении параметра DPI/PPI цифровому изображению.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Точка

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

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

пиксель

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

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

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

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

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

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

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

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

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

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

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

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