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

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

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

  • Экспорт макета для печати формата A4
  • Макет сайта
  • Логотип (только для веб-сайта — примерно меньше, чем текущий логотип SE Graphic Design.)
  • Логотип (Масштабирование вверх и вниз - от визитных карточек до больших баннеров.)
Я думаю, что другие ответы охватывают это, но просто добавлю, что технически вы должны говорить о PPI (пикселях на дюйм), когда вы говорите о подготовке изображений. Количество точек на дюйм измеряет разрешение вашего печатающего устройства, и это не одно и то же. Также следует отметить, что этот термин по-прежнему используется даже там, где метрика используется для всего остального (хорошо, и баллы для размеров шрифта).
«Я часто вижу слово «DPI», когда экспортирую свою работу в Photoshop и Illustrator». Где именно? Можете ли вы дать скриншот?
Согласитесь, но 72 dpi для веб-верстки — оптимальное решение для размера шрифта в pt и px (в фотошопе).

Ответы (11)

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

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

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

Недавно я прочитал чудесные вопросы и ответы jrista с сайта photo.stackexchange .

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Путает DPI и PPI.

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

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

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

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

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

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

Для печати фотографий должно быть достаточно 300 dpi. Для шрифта или любой типографской штуковины подойдет разрешение 600 dpi.

В Интернете это не имеет большого значения, 72dpi там нормально.

Путает DPI и PPI.

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

Нет веской причины создавать веб-изображения с каким-либо конкретным DPI — вы просто создаете изображение с требуемыми размерами в пикселях.

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

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

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

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

300 dpi — стандарт для полиграфических проектов (особенно для офсетной печати).

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

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

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

Путает DPI и PPI; нет веской причины создавать веб-изображения с каким-то конкретным DPI — вы просто создаете изображение с требуемыми размерами в пикселях.

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

Нет веской причины создавать веб-изображения с каким-либо конкретным DPI — вы просто создаете изображение с требуемыми размерами в пикселях. Значения, о которых вы говорите, связаны с тем, сколько пикселей используется для рендеринга шрифтов, указанных в точках.