Какой DPI следует использовать для каких ситуаций?


30

Я часто видел слово «DPI», когда экспортировал свои работы в Photoshop и Illustrator. Хотя я знаю, что DPI означает «число точек на дюйм», и что если у вас слишком низкое значение DPI на изображении, при увеличении изображения возникает сильная пикселизация, какой будет оптимальный DPI для каких ситуаций?

Например (Ситуации):

  • Экспорт печати формата А4
  • Макет сайта
  • Логотип (только веб-сайт - примерно меньше, чем текущий графический дизайн SE).
  • Логотип (масштабирование вверх-вниз - от визиток до больших баннеров.)

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

«Я часто видел слово« DPI », когда экспортировал свои работы в Photoshop и Illustrator». Где именно? Можете дать скриншот?
e100

Согласитесь, но 72 dpi для веб-макета - лучшее решение для размера шрифта в pt и px (в фотошопе).
Бенуа

Ответы:


19

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

Что касается логотипов, я надеюсь, что они разрабатываются в векторной программе, что означает, что DPI можно настроить в соответствии с размером объекта.


1
Я бы не стал считать это неправильным (в конце концов, это точки на бумаге), но вы правы, что DPI применяется только к печати, а не к отображению на экране. Я сделал довольно подробное объяснение этого ответа graphicdesign.stackexchange.com/questions/1760/…
jhocking

7

Я недавно прочитал jrista игровой изумительную д & от photo.stackexchange .

Хотя вопрос озаглавлен «Как генерировать высококачественные отпечатки на струйном принтере?» он в значительной степени охватывает отношения DPI и PPI и содержит реальные примеры печати.

Текущее содержание вопросов и ответов:


5

В частности, о PPI для Интернета или других экранных изображений: 72PPI (или 75, или 96) - это миф.

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

  • если ваш документ Photoshop 72ppi, не имеет значения, установлены ли ваши шрифтовые единицы в точках или пикселях, поскольку они дадут тот же результат для любого числового значения. Это может быть немного более удобно, но на самом деле не имеет смысла использовать точки в пиксельных изображениях. Это все равно, что пытаться сделать веб-баннер размером 1,5 х 10 см или веб-страницу размером 12 дюймов.

Единственная другая ситуация, в которой я могу вспомнить, где важен PPI:

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

    Учитывая, что разрешение дисплея сильно различается, это будет в лучшем случае лишь приблизительное значение для данного класса устройств, а на современных дисплеях оно, вероятно, будет 100PPI или выше (намного выше на iPhone 4). Но если вы разрабатываете для одного устройства, это может быть полезно.

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


1
Относительно iPhone Retina и iPad Retina (и, вероятно, Retina Mac): Apple определяет одну точку как два пикселя, поэтому точки имеют значение, но не так, как, вероятно, запрашивает @JFW. Я согласен со всем, что вы сказали. Если вы хотите сделать свою жизнь проще, PSD для веб-приложений и приложений должны быть 72PPI, но в большинстве случаев это не имеет значения.
Марк Эдвардс

3

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

Большинство современных ЖК-мониторов имеют физическое разрешение около 100 точек на дюйм или около того.

Для дизайна веб-сайта у вас должен быть логотип в виде штриховой графики в каком-либо векторном графическом формате, таком как SVG или EPS. Затем визуализируйте его примерно в 4 раза больше размера (т. Е. Количества пикселей), которое вам действительно нужно, и увеличьте его фон в 4 раза. Объедините эти два, и повторно сэмплируйте полученный файл обратно к размеру. Это даст вам сглаженный логотип, слитый с его фоном.


Это звучит многообещающе, хотелось бы, чтобы было более четко объяснено, что подразумевается под «объединением двух» и «повторной выборкой полученного файла обратно в размер».
Kzqai

Под «объединением двух» я имею в виду использование фотошопа или другого графического редактора, чтобы вставить логотип в фон. Изображение у вас на 400% (согласно инструкции в публикации). Теперь уменьшите его до 100%, используя повторную выборку, чтобы сгладить края логотипа.
ConcernedOfTunbridgeWells

2

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

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

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


Смущает DPI и PPI.
e100

1

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

  • тип изображения
  • размер финальной части
  • используемая технология типографской печати
  • на чем он печатается
  • и т.п.

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

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

Широко говоря, фотографии обычно устанавливаются на 300 точек на дюйм. Штриховые рисунки где-то между 600 и 1200 точек на дюйм. Широкоформатная печать обычно составляет 100 точек на дюйм или около того.

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


-1

Обычно я использую это:

  • 72 DPI для всего экрана (иногда 75 DPI тоже). Таким образом, печатная версия этого изображения будет дрянной или маленькой. Полезно, если вы хотите защитить ваши изображения.
  • 150 DPI для печати низкого качества (демонстрации для будущих отпечатков, веб-сайт и т. Д. Для клиентов)
  • 300 DPI (до 450) для печати хорошего качества без высокого разрешения.

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


«72 DPI для всего для экрана ... Таким образом, печатная версия этого изображения будет дрянной или маленькой». Вы имеете в виду в сценарии, где клиент получает только распечатанную предварительную копию, а не сам файл?
e100

Смущает DPI и PPI.
e100

-1

Для печати фотографий достаточно 300 точек на дюйм. Для типа или любой типографской вещи, 600 точек на дюйм это путь.

Это не имеет большого значения в сети, 72dpi хорошо.


1
Смущает DPI и PPI.
e100

-2

300 точек на дюйм - стандарт для проектов печати (особенно для офсетной печати).

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

150 dpi обычно используется для очень больших печатных проектов.

Но когда дело доходит до сети, разрешение обычно составляет около 72 точек на дюйм. Однако, когда я хочу улучшить качество логотипа на сайте, это вопрос формата файла. Я использую PNG-24, который дает лучшее качество для логотипа, JPEG для любой фотографии.


Смущает DPI и PPI; нет веских причин для создания веб-изображений с любым разрешением - вы просто создаете изображение с требуемыми размерами в пикселях.
e100

-3

Когда я работал в издательстве, для печати было правило не менее 600 точек на дюйм, а для изображений, отформатированных для размещения в Интернете, - 72 точки на дюйм.


2
Нет веских причин для создания веб-изображений с любым разрешением - вы просто создаете изображение с требуемыми размерами в пикселях.
e100

-5

96 DPI / PPI для веб / экрана. Apple использует 72, но Microsoft использует 96, большинство людей не знают этого ...


Нет веских причин для создания веб-изображений с любым разрешением - вы просто создаете изображение с требуемыми размерами в пикселях. Значения, о которых вы говорите, связаны с тем, сколько пикселей используется для визуализации шрифтов, указанных в точках.
e100
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.