Как оценить качество изображения для печати и что такое разрешение? Сколько пикселей на дюйм в макете для сайта


Сколько точек на дюйм? — HelpSet.ru

Многие, начиная работать в рекламе или соосном этому бизнесу — спрашивают меня: Сколько точек на дюйм делать картинку 72, 96, 150, 300, 600 dpi? — если вы знаете, что она предназначена на сайт. Если вы видите надпись 72dpi — это значит, что у вас 72 точки на 1 квадратный дюйм (dpi-переводится как Dot Per Inch — Точка на Дюйм) Дюйм равен: 2,54 см (25,4мм) И так, давайте рассмотрим несколько основных вне-гласных  стандартов работы, в основу которых мы заложим плотность любого растрового изображения! Помним, что растровое изображение (в отличие от векторного) это пиксельная (Dots из точек) матрица, вспомнили бумагу в клеточку в школе? А теперь, представьте себе, что в одном дюйме в длину x ширину у вас 72 клеточки? И так пойдём дальше. Рассмотрим виды плотности изображения:

1) 72 dpi (Цветовая модель RGB)  — в этом формате работают все LCD (ЖКИ) и TFT-мониторы, в том числе устаревшие кинескопные мониторы ваших компьютеров. Обычно, изображение оптимизируется для: Визуализации на экране, Баннера Web-сайта, Сайта, Видеоряда — всё что видно на экране, но не для печати в типографии! И делать его (изображение) плотнее — нет смысла (файл будет тяжелее в 2-3 раза), т.к. на экране вы не увидите разницу, но есть одна особенность, перемасштабировав его в, допустим, 150dpi — у вас всё «покоцаетцо».

2) 96 dpi (Только RGB) — тот же формат, что 72 dpi — но он автоматически перепроецируется в 72 dpi — нужен для инвалидов, людей с ограниченными возможностями и ретрансляции (дублирования) изображения на «большой экран» — по сути его не где не используют на практике.

3) 125-150 dpi (RGB) — в этом формате изображение нужно для «быстрой печати», например встроенная картинка в Word (печать фирмы, логотип или подпись шефа) Опять таки — делать больше нет смысла (файл будет тяжелее в 2-3 раза) — что на струйнике, что на ч.б. лазере вы, по идее, получите качественное изображение, но только для дома или офиса!

4) 300dpi (RGB или CMYK) — этот «масштаб плотности точек на дюйм» служит только для полиграфических целей, например если вы отдаёте в типографию макет, с цветоделением, TIF-файл (или PSD) — для печати булетов, листовок, брошур, календарей и прочего — не вздумайте выложить картинку в таком формате на сайт (у вас картинка будет весить по 150 МБ и более) а пользователь будет ждать 10-15 минут, что бы что то увидеть на экране монитора.

5) 600dpi(CMYK) обычно используют для профессионального сканирования — таким образом, что бы получить «максимум» с листа или слайда! А уже потом после «чистки и ретуши» точек на дюйм делают 300 — для полиграфии! Файл может получиться гигантских размеров, от чего ваша система просто ляжет!

По-этому, каждый тип «точки на дюйм» существует — каждый для своей цели. И всякий раз когда вы «Сохраняете как» из Photoshop — Сделайте «Image size» и оптимизируйте свою картинку — именно под ваши цели. Да, и постарайтесь не путать «точек на дюйм» с «размерами изображения» — это совершенно разные вещи. Ещё, вместе со словом dpi в полиграфии часто распространён термин «линиатура» сокращение lpi — переводиться как Line Per Inch! Определяется, сколько линий цветовой плашки с краской нужно на дюйм и под каким углом заливать — так что бы не создалось иллюзии пустоты, «клеточек» для и сама краска пересекалась как можно меньше на рулоне при печати. 300dpi=155lpi, 72dpi=4! Печатная машина вам ничего не напечатает!

www.helpset.ru

Стандартная ширина сайта в пикселях

Быстрая навигация по этой странице:

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

стандартная ширина сайта

О важности вопроса

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

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

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

Итак, какой же должна быть ширина сайта в пикселях?

Рассчитываем оптимальный вариант

Для того, чтобы правильно ответить на этот вопрос, нужно обратиться к статистике.

Для моего проекта на момент написания статьи сервис Liveinternet выдавал такую статистику (показаны строки, имеющие долю в статистике более 5 процентов):

  • 1366×768 — 23.7%
  • 1280×1024 — 15.1%
  • 1024×768 — 14.7%
  • 1280×800 — 9.5%
  • 1920×1080 — 8.4%
  • 640×480 — 6.2%
  • 1600×1200 — 5.9%

Как видно из статистики, подавляющее большинство пользователей использует мониторы с разрешением шириной от 1280 пикселей и выше. Тем не менее, обратите внимание на строку, выделенную жирным шрифтом: 14,7 % имеет разрешение 1024 пикселей. Это в среднем каждый шестой/седьмой пользователь — достаточно большой процент, который имеет смысл учитывать.

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

Однако 1024 пикселя — это разрешение монитора, а фактически площадь страницы в браузере меньше, так как часть экрана съедает полоса прокрутки (скролл) — это около 24 пикселей.

Следовательно, наша страничка должна открываться не более, чем на 1000 пикселей. Часто дизайнеры или заказчики берут еще 20 пикселей в запас и делают сайт на 980 px.

Таким образом, наиболее оптимальной шириной является 980-1000 px.

Почему часто используется 960?

Если Вы обратите внимание на шаблоны для WordPress (как, впрочем, и для многих других CMS), то вы заметите, что многие из них ориентированы на 960 пикселей.

Зачем же отклоняться от оптимального варианта в меньшую сторону? Здесь следует отметить, что 960 — это математически очень «удобное число», так как, в отличие от 980, оно делится на каждое из этих чисел: 6, 8, 12, 16, 24 (и, соответственно, на множество других).

Это удобно для создания дизайна по так называемой «сетке» (grid system) — когда при создании макета он мысленно делится на 6/8/12 и т.д. частей и все блоки макета выстраиваются по этим линиям — получается симметрично и красиво (подробнее про это написано на 960.gs и других ресурсах).

Если же вы делаете или заказываете дизайн с нуля и просто хотите, чтобы, например, контентная часть занимала 600 пикселей, а справа был сайдбар — тогда вам необязательно ориентироваться на grid system и 960 пикселей.

Осторожность с резиновым макетом

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

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

Представьте, что вы читайте книгу, в которой одна строка имеет длину, предположим, в семьдесят сантиметров или в один метр. Удобно ли вам будет ее читать? Полагаю, что нет, ведь не зря сам по себе книжный формат в среднем не предполагает более 60-80 символов на одной строке. Потому я такую технологию создания сайта не рекомендовал бы.

Потому, если вы делаете или заказываете резиновый макет, позаботьтесь о посетителе — поставьте ограничение около 1200-1300 px как максимальную ширину вашей страницы.

www.runcms.org

Качество печати и разрешение dpi

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

Либо когда вы просите в типографии растянуть картинку на А1 – вас предупреждают что получится, мягко говоря, шлак, если близко рассматривать, мотивируя это тем, что у вас “низкое разрешение” и “маленький размер”. Если вам не понятно о чем идет речь – читайте далее.

Что такое разрешение и как оно связано  с размерами и качеством печати.

Разрешение (dpi – dots per inch) это количество точек цифрового изображения в границах определенной единицы площади (чаще всего дюйма). Скажем, разрешение монитора, обычно, 72 dpi – это означает что в каждом его дюйме 72 точки по горизонтали и 72 по вертикали.

Как правило разрешением пригодным для качественной печати считается 300 dpi – при этом размеры его должны быть 1:1, то есть на печати – как в файле. Это наиболее актуально для изображений небольшого формата, которые будут рассматриваться с близкого расстояния.

Для больших плакатов, растяжек баннеров, зачастую, бывает достаточно разрешения 100 – 40 dpi, ибо их рассматривают очень издалека. Готовить файлы для подобных вещей с разрешением 300 dpi бессмысленно и даже вредно, потому что файл картинки размером, скажем, 5 х 10 м и разрешением 300 dpi по весу получится просто гигантским, и вряд ли обычный компьютер или широкоформатный принтер его вообще смогут переварить.

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

Например:• Размер печати у вас А3• Вы хотите качественную печать – чтобы рассматривать вблизи• Размер вашей картинки 4200 х 2970 пикселей.• Считаем,  что нам нужно хорошее качество, а значит 300dpi

Берем один из размеров – 4200 делим на 300 и умножаем на 2,54 (кол-во сантиметров в дюйме) – получаем 4000/300*2,54 = 33 см. То же самое со вторым размером 2970/300*2,54 = 25 см. Это значит что максимальный размер на печати  33 х 25 см – если мы хотим разрешение 300 dpi. То есть чуть меньше А3.

Если посчитать наоборот – 4200 / 42 (кол-во требуемых сантиметров – длина А3)*2,54 = 254 dpi такое разрешение у нас фактически будет, если печать ровно А3.

Возможно небольшое видео на эту тему, поможет лучше, чем весь этот текст

с уважением, Agor

Не в темуНашел у себя на чердаке

motorola-c200

– мой первый сотовый!

Он жив!

Непременно поделитесь с друзьями!

kopirka-ekb.ru

Требования к дизайн-макету сайта - Студия ПаЛыЧа

9 г. назад

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

Жесткие требования

  • Сам макет дизайна должен быть представлен в форматах PSD или TIFF, сохранять строго в RGB.
  • Все слои одного логического элемента должны быть в одной папке (например, модуль авторизации).
  • Слои ни в коем случае не должны быть склеены, кроме дизайнерских фишек.
  • Выравнивание слоев – строго по Guide. Их не удалять. Оставлять в макете.
  • Rulers должны быть выровнены строго с точностью до одного пикселя. Полпикселя не допустимо.
  • Каждый элемент должен находиться в одном слое, названным человечески-понятным именем, а не «slice 1,2».
  • В случае фиксированного шаблона должно быть четкое соответствие ширины макета утвержденной минимальной ширине сайта (а то говоришь, что сайт будет фиксированный на 800 пкс, а макет рисуют на 850 пкс – что хошь, то и верстай после этого).
  • При разработке дизайна «под разрешение» обязательно отрисовывать в разрешение окна браузера, а не монитора (при 1024px ширина браузера составляет 986px).
  • Важно: ширина макета – 1980 пикселей. 1000, 980 пикселей и другие размеры не принимаются. Причина: что бы понять, как будет выглядеть сайт на 100% ширины браузера.
  • В случаях, когда сайт тянется на 100% ширины браузера, необходимо подготовить второй макет, например на ширину 986px, что бы понять как ведут себя элементы на небольших экранах.
  • На каждую отдельную страницу должен быть отдельный PSD файл. Отображение всех странц в одном макете приведет к использованию дикого количества оперативной памяти.
  • Макет должен предусматривать резиновую/адаптивную верстку. Таким образом желательно иметь два макета: широукий 1980px по ширине и узкий, например 800px.
  • Отрисовать макет дизайна сайта для мобильных устройств, например 311px по ширине.

Цвета

  • Недопустимо использовать прозрачность для элементов, содержащих текст. Допустимо, можно использовать rgba.

Графические фишки

  • Фоны должны быть повторяющимися, текстурированые без логики повтора не принимаются.
  • Эффекты подсвечивания не допустимы. Например при наведении на ссылку, фон ссылки становится полупрозрачным «облаком».
  • Минимум элементов, которые потребуют создания графических файлов png-24 (полупрозрачность etc).
  • Обязательно должна присутствовать favicon.ico для сайта.
  • В связи с поплярностью продукции компании Apple, необходимо также отрисовать иконки в формате PNG с размером 57х57, 72х72, 114х114, 144х144 и 152х152 пикселей.

Текстовое содержимое

  • Для текстовых элементов обязательно указывать шрифт и его размер (учитывая, что стандартных шрифтов – всего ничего), желательно в комментариях, фотошоп умеет их делать. Никаких трасформаций с текстом. Размер меняется размером шрифта.
  • Быть внимательными в использовании нестандартных шрифтов. Стандартных шрифтов очень мало, которые есть в каждой операционной системе. Можно, конечно, подгрузить шрифт, но 100% не будет работать в старых браузерах.
  • Шрифт должен быть бесплатным или должна быть приобретена лицензия на его использование.
  • Лучше всего шрифты выбирать на сайте www.google.com/fonts. Выбрав тут шрифты, можно без проблем подключить их на сайте, и тем более использовать.
  • Минимум изменений стандартных контролов форм.
  • Все текстовые элементы должны быть без сглаживания, т.е стандартный шрифт.
  • Описать поведение ссылок в дизайне (неактивная, при наведении, посещенная) в меню/модуле, то же самое касается ссылок, отличающихся от дефолтного стиля (например, ссылки в меню, pathway и т.д.).
  • Обязательно должно быть указано оформление следуюших HTML-тегов: параграф, абзац (<p>), заголовки с 1 по 4 уровень (h2, h3, h4, h5), маркированный список (<ul>), нумерованный список (<ol>).

Ui Kit

В последнее время включили в требования к дизайну разарботку обязательный макета с UI Kit. В этом макеты должно быть отрисовано поведение элементов и форм на сайте. Список элементов для отрисовки:

  • Ссылки, в том числе основная навигация, постраничная навигация.
  • Текстовые поля: обычное состояние, в фокусе.
  • Кнопки: обычное состояние, наведение курсора, клик/тап.

Легкие пожелания

  • И самое главное – дизайнер должен быть верстальщиком, чтобы он мог сам сверстать то, что нарисовал (пусть не быстро и не на 100% валидно, но уметь).
  • Элементы навигации типа стрелок, иконок хорошо бы получать в отдельном PSD или TIFF формате на прозрачном фоне.

Минимальный комплект материала для передачи верстальщику

  • Макет в формате PSD или TIFF.
  • Шрифты.
  • Иконки.
  • favicon.ico (если нет возможности в ICO, то можно в PNG-24).
  • Паттерн текстуры, если используется для фона, в виде отдельного файла PSD.

Спасибо beliyadm, poizon и Mitrich за дополнения.

Ссылки по теме:

  1. WEB DESIGN: Переход на личности
  2. Когда Photoshop отображает совсем не то, что надо
Предыдущая статьяСоздание техзадания на сайт

← + Ctrl

Добавить комментарий

palpalych.ru

Разрешение изображений и качество печати

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

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

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

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

Так что мы можем сделать, чтобы фотографии, загруженные из Интернета, выглядели при печати как качественные фотографии с цифровой камеры? Ответ — абсолютно ничего. В большинстве случаев интернет-снимки просто не имеют достаточно пикселей, чтобы обеспечить печать с высоким качеством. По крайней мере, если не печатать их в формате почтовой марки. Давайте выясним, почему.

Прежде всего, давайте немного отойдем от темы загрузки изображений из Интернета, так как таковой, и от того, что мы на самом деле в любом случае не должны делать это без разрешения владельца авторских прав. Давайте рассмотрим разрешение изображений в целом.Термин «разрешение изображения» означает, сколько пикселей вашего снимка будет помещаться на каждом дюйме бумаги при печати.

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

Количество пикселей на дюйм при печати и называется «разрешением изображения«. Разрешение изображения определяет качество печати изображения. Оно не имеет ничего общего с тем, как изображение выводится на экране компьютера. Поэтому фото, загруженные из Интернета, как правило, имеют гораздо более высокое качество на экране, чем когда вы выводите их на печать.

Давайте в качестве примера рассмотрим фотографию:

Не слишком качественное фото лошади

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

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

Во-первых, давайте посмотрим, что Photoshop может рассказать нам о текущем размере этой фотографии. Я захожу в меню «Изображение» в верхней части экрана и выбираю пункт «Размер изображения», после чего появляется диалоговое окно с соответствующим названием «Размер изображения«:

Диалоговое окно «Размер изображения» показывает нам текущий размер фото

Диалоговое окно «Размер изображения» делится на две основные части: «Размеры в пикселях» в верхней части и «Размер документа» непосредственно под ней.

«Размеры в пикселях» указывают, сколько пикселей содержит наше изображение. «Размер документа» сообщает нам, насколько большим изображение будет выглядеть на бумаге, если мы распечатаем его. Если мы посмотрим на раздел «Размеры в пикселях», то видим, что эта фотография имеет ширину 1200 пикселей и высоту 800 пикселей. Это может показаться огромным количеством пикселей (1200 на 800 = 960000 пикселей!).

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

Но только то, что оно выглядит красивым и большим на экране, не означает, что оно будет красивым и большим на печати. По крайней мере, не с высокой степенью качества. Давайте внимательнее посмотрим на то, что говорит нам раздел «Размер документа»:

Раздел «Размер документа» говорит о том, насколько большой или маленькой фотография будет при печати в определенном разрешении

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

В настоящее время у нас установлено значение разрешение в 72 пикселя / дюйм, что означает, что из 1200 пикселей, которые составляют размер от правого до левого края фото (ширину), на каждый дюйм бумаги будет идти 72 пикселя. И из 800 пикселей, которые составляют размер изображения сверху вниз (высоту), также на каждый дюйм бумаги будет идти 72 пикселя.

Значение в поле «Разрешение» определяется для ширины и высоты, а не общего количества пикселей. Другими словами, на каждый квадратный дюйм бумаги, по 72 пикселя будет идти на дюйм высоты и ширины. Общее количество пикселей, печатаемых в каждом квадратном дюйме бумаги, в таком случае будет 72 на 72 (72 пикселя по ширине и 72 пикселя по высоте). Что дает нам 5184 пикселей!

Давайте произведем некоторые простые математические вычисления, чтобы убедиться, что ширина и высота, показываемая нам в разделе «Размер документа» верна. Мы знаем из раздела «Размер в пикселях», что мы имеем 1200 пикселей слева направо и 800 пикселей сверху вниз. Разрешение печати в настоящее время установлено на 72 пикселей / дюйм.

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

1200 пикселей в ширину, разделенные на 72 пикселей на дюйм = 16,667 дюймов ширины800 пикселей делится на 72 пикселей на дюйм = 11,111 дюйма высоты

Исходя из наших собственных простых вычислений, при разрешении 72 пикселя / дюйм (ppi для краткости), наше изображение при печати будет иметь 16,667 дюймов в ширину и 11,111 дюймов в высоту. И если мы посмотрим на раздел «Размер документа» еще раз:

Подтверждение размеров печати в разделе «Размер документа»

Это именно то, что здесь указано! Ничего себе, фото 1200 на 800 пикселей является достаточно большим для того, чтобы распечатать его в размере 11 на 14 дюймов, мы даже можем его немного уменьшить! Замечательно!

К сожалению, нет. Если бы в жизни все было так просто.

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

Вы должны будете немного использовать свое воображение. Попробуйте представить себе, что это 11 на 16 дюймов:

Как будет выглядеть фото на бумаге при печати в разрешении всего лишь 72 пикселя на дюйм

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

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

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

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

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

Давайте возьмем то же изображение, с теми же 1200 пикселями ширины и 800 пикселями высоты, а затем изменим разрешение с 72 пикселей на дюйм до 300 пикселей на дюйм, и посмотрим, что получится.

Вот диалоговое окно «Размер изображения» с новым разрешением в 300 пикселей на дюйм. Заметьте, что в разделе «Размер в пикселях» в верхней части у нас по-прежнему значится 1200 пикселей по ширине и 800 пикселей по высоте.

Единственное, что изменилось, это наше разрешение — с 72 до 300:

Разрешение печати было изменено на 300 пикселей на дюйм

То, что разрешение увеличилось с 72 до 300 пикселей на дюйм, означает, что из 1200 пикселей, которые имеет наше изображение в ширину, 300 пикселей печатаются на один дюйм бумаги. И из 800 пикселей высоты 300 печатаются на каждый дюйм бумаги по высоте. Естественно, с таким большим количеством пикселей на каждый дюйм бумаги, фотография на печати будет намного меньше.

И, конечно, в разделе «Размер документа» теперь значится, что наше фото будет печататься в размере всего 4 дюйма в ширину, 2,667 дюйма в высоту:

Фото теперь будет печататься в гораздо меньшем размере, чем прежде

Откуда же взялись эти новые значения ширины и высоты? Опять же, немного простой математики:

1200 пикселей в ширину делится на 300 пикселей на дюйм = 4 дюйма800 пикселей в высоту делится на 300 пикселей на дюйм = 2,667 дюйма

Фото теперь будет печататься в гораздо меньшем размере, чем это было при разрешении 72 точек на дюйм. Но то, что мы теряем в физическом размере, мы более чем компенсируем за счет качества изображения. При 300 пикселях на дюйм (или даже при 240 пикселях на дюйм) мы будем наслаждаться четким, профессионального качества результатом:

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

Конечно, большинство людей не печатают свои фотографии в нестандартных форматах, таких как 4 на 2,667. Так как нам убедиться, что мы получим результаты профессионального качества при печати в более стандартном формате, например, 4 на 6? Отличный вопрос, и получить ответ мы можем, снова обратившись к скучной арифметике.

Допустим, вы взяли фотографии с вашего недавнего семейного отдыха, сделанные с помощью цифровой камеры, и вы хотите распечатать некоторые из них на принтере в формате 4 на 6. Теперь мы знаем, что для того, чтобы достичь профессионального качества снимков, мы должны установить разрешение изображений минимум на 240 пикселей на дюйм. Хотя официальный стандарт 300 пикселей на дюйм.

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

Чтобы выяснить, насколько велики в пикселях должны быть наши изображения, чтобы они печатались в формате 4 на 6 в профессиональном качестве, нам всего лишь нужно умножить 240 на 4 по ширине, а затем 240 на 6 по высоте (или наоборот, в зависимости от того, имеют ли ваши фотографии ландшафтную или портретную ориентацию).

Давайте сделаем это:

240 пикселей на дюйм х 4 дюйма в ширину = 960 пикселей240 пикселей на дюйм х 6 дюймов в высоту = 1440 пикселей

Исходя из этих расчетов, мы видим, что для того, чтобы напечатать цифровую фотографию в формате 4 на 6 с разрешением 240 пикселей на дюйм, и чтобы при этом сохранялось отличное качество, размер фото в пикселях должен быть как минимум 960 на 1440. Мы видим также, сколько пикселей должна содержать фотография в целом, 960 умножить на 1440 дает нам 1382400 пикселей.

Давайте округлим это значение до 1400000 пикселей. Это может показаться слишком большим числом, но на самом деле так и есть. 1,4 миллиона — это минимальное количество пикселей, которое необходимо, чтобы напечатать фотографию в формате 4 на 6 при минимально допустимом для нормального качества разрешении 240 пикселей на дюйм.

Хорошая новость заключается в том, что на сегодняшний день большинство цифровых камер на рынке имеют 5 Мп («мега пикселей» или «миллионов пикселей») и выше. Так что у вас не возникнет проблемы с печатью хорошего качества в формате 4 на 6 даже при разрешении 300 пикселей на дюйм.

Конечно, мы еще не подсчитали точно, сколько пикселей мы должны иметь, чтобы распечатать фото в формате 4 на 6 с профессиональным качеством при разрешении 300 пикселей на дюйм. Так что давайте сделаем это. Мы будем использовать ту же простую формулу, которая была описана выше.

Мы умножим 300 на 4, а затем 300 на 6, чтобы получить размеры в пикселях, которые нам понадобятся:

300 пикселей на дюйм х 4 дюйма в ширину = 1200 пикселей300 пикселей на дюйм х 6 дюймов в высоту = 1800 пикселей

Давайте сделаем еще одно быстрое вычисление, чтобы узнать, сколько пикселей нам нужно в общей сложности:

1200 пикселей в ширину умножаем на 1800 пикселей в высоту = 2160000

Итак, для того, чтобы напечатать фотографии в формате 4 на 6 в хорошем качестве с использованием профессионального стандарта 300 пикселей на дюйм для разрешения, наша фотография должна иметь 1200 пикселей в ширину и 1800 пикселей в высоту (или наоборот). Это означает, что мы должны в общей сложности иметь 2160000 пикселей. Что опять-таки не должно стать проблемой для большинства цифровых камер на рынке, которые имеют 5Mп и больше.

Но что, если у вас есть фото, которые вы обожаете и считаете, что оно заслуживает того, чтобы распечатать его в формате 8 на 10, а не 4 на 6? Насколько большое изображение должно быть, чтобы при печати в формате 8 на 10 оно выглядело нормально? Ответ на этот вопрос также легко дать, как ранее.

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

Давайте сначала используем разрешение 240 пикселей на дюйм:

240 пикселей на дюйм х 8 дюймов в ширину = 1920 пикселей240 пикселей на дюйм х 10 дюймов в высоту = 2400 пикселей

Общее количество пикселей = 1920 пикселей в ширину х 2400 пикселей в высоту = 4608000 пикселей.

По результатам вычислений мы видим, что для того, чтобы напечатать фотографию в хорошем качестве в формате 8 на 10, изображение должно иметь 1920 пикселей в ширину и 2400 пикселей в высоту (или наоборот). В общей сложности около 4,6 миллионов пикселей.

Теперь мы начинаем приближаться к границе технических возможностей цифровых камер. 4-мегапиксельной цифровой камеры нам уже будет недостаточно, чтобы иметь возможность распечатать изображение в формате 8 на 10 с разрешением 240 пикселей на дюйм. Потеря порядка 600 000 пикселей это не слишком значительно. Вы все еще сможете распечатать изображение в формате 8 на 10, но, скорее всего, вы уже не получите профессионального качества.

Давайте сделаем такие же вычисления для формата 8 на 10 при разрешении 300 пикселей на дюйм:

300 пикселей на дюйм х 8 дюймов в ширину = 2400 пикселей300 пикселей на дюйм х 10 дюймов в высоту = 3000 пикселей

Общее количество пикселей = 2400 пикселей в ширину х 3000 пикселей в высоту = 7200000 пикселей

Теперь мы действительно выходим за ограничения, существующие для некоторых цифровых фотоаппаратов. Для того, чтобы иметь возможность распечатать фотографию в формате 8 на 10 с разрешением 300 пикселей на дюйм, наша фотография должна быть 2400 пикселей в ширину и 3000 пикселей в высоту (или наоборот), в общей сложности 7,2 миллиона пикселей! Теперь это на самом деле много!

Это означает, что вы должны иметь, по крайней мере, 7.2-мегапиксельную цифровую камеру. В этом случае вы будете иметь возможность печатать свои фотографии в формате 8 на 10, и при этом все еще сможете получить снимки профессионального качества. Конечно, не забудьте, что большинство фотографий требуется хотя бы немного обрезать, а значит, вы теряете еще несколько пикселей.

Если вы уверены, что будете печатать много фотографий в формате 8 на 10, инвестиции в качественную 8-мегапиксельную или выше камеру настоятельно рекомендуются.

Это в целом все!

Перевод статьи «Image Resolution And Print Quality» был подготовлен дружной командой проекта Сайтостроение от А до Я.

www.internet-technologies.ru

300dpi – мифы и реальность. Сколько же нужно на самом деле?

Сегодня расставим точки над «i» и разберемся в этом очень хитром вопросе.

Часто встречающиеся вопросы на эту тему: меньше или больше dpi? Чем больше – тем лучше качество фотографии? И как это связано с размером самой фотографии?Все чаще и чаще встречается заблуждение о «качестве» снимков и требуемых 300dpi.

Для начала определим, что такое dpi… Dpi – это параметр, указывающий на разрешение изображения на дюйм при его печати. И тут внимательный читатель задумается. Да-да, именно при печати. И пока вы не печатаете изображение, а просто смотрите на мониторе, обрабатываете в фотошопе  – dpi вообще не имеет никакого значения. Оно не влияет ни на качество, ни на то, какого размера вы будете распечатывать фотографию (10*15 или А4) и вообще ни на что не влияет. Единственный важный параметр пока у вас фото в цифровом виде – это размер в пикселях. И всё! Такова суровая реальность.

Давайте разберемся по порядку:

1. Что если меньше или больше 300?Да можно сколько угодно. Пока не печатаете, то никакой разницы, хоть 1dpi, хоть 1000dpi.

2. А как же качество? Ведь при 300 все хорошо будет, так везде в интернетах пишут и вообще это у всех на слуху. Значит, что если значение меньше, то качество хуже?Как я уже написал выше – качество никак не связано с параметром dpi. Точка. Смиритесь с этим.

3. Ну а если я собираюсь напечатать фотографию? Тогда этот параметр уже важен и тут чем больше – тем лучше?Не совсем. Этот параметр указывает, сколько точек (читай: пикселей) будет напечатано на дюйм изображения. При этом значение dpi можно поставить любое. Например, есть фото размером 4000*6000 пикселей. При 300dpi его можно напечатать размером 34 см * 51 см (округлил десятые). Но при этом можно напечатать и с другим значением dpi. При 150dpi – это будет 67,7 см * 101,6 см.

4.  А какое значение тогда ставить?Это уже зависит от того, куда идет печать. Если в глянцевый журнал, то 300dpi вполне подходит. Для дома в семейный альбом – 100-300dpi (примерно). А для для огромного билборда вообще хватит 20-70dpi.Но повторюсь еще раз – размер в пикселях важнее, если речь идет о качестве! Представьте, что у вас на компьютере есть 2 фото: Одно размером 600*800 пикселей с 600dpi. И второе 2000*3000 пикселей с 70dpi. Какое из них можно напечатать больше и качественней? Казалось бы, первый, у него целых 600dpi - круто, значит его! Но нет, физический размер в пикселях больше у второго файла, не смотря на жалкие 70dpi. Сам параметр dpi, пока он в цифровом файле, ничего не значит. При печати этих двух файлов уже можно выбрать требуемое значение dpi. Мы его усредним до адекватного значения 250 (тут можно было любую цифру взять) и получим физический отпечаток первого файла 6,1 см * 8,1 см, а второй  20,3 см * 30,5 см. Как видите, у кого размер в пикселях больше – у того физический размер при печати больше.

5. Откуда тогда 300dpi и почему его почти везде требуют?Я не знаю, откуда взялась цифра именно 300, но при таком значении типография или фотолаба вам как бы гарантирует отличное качество печати (с учетом, что и размер в пикселях соответствует). По сути, это усредненная цифра, которая может варьироваться в зависимости от ваших задач при печати.

На этом фото открыты 2 фотографии в фотошопе. У фотографии слева 900dpi. У фото справа 1 dpi. Как видите, физически они выглядят абсолютно одинаково.

Если вдруг вам попался человек, который называет себя профессионалом и требует от вас какие-то нелепые 300 dpi, сам не понимая, что они значат – это неуч с которым не стоит работать. Не может человек быть профессионалом, если ему нужны какие-то параметры, в которых он сам ничего не понимает. Лучше отказаться от услуг такого человека. Будь-то ретушер, фотограф, иллюстратор или еще кто-либо.

А теперь немного лирики. Я уже давно собирался написать эту статью, но все откладывал. А последнее время всё чаще и чаще объясняю людям, что dpi при цифровом виде фотографии ничего не значит. Накипело.

Из реальных случаев:1 – Пишет мне заказчик. Изначально был скан фотографии. А на выходе нужно, цитирую: «Нужно качество около 600dpi, т.е. цифровое фото, а не редактированнный скан..».2 – В одном паблике ретушеров зашел разговор о том, сколько выставлять dpi при ретуши…  И вот цитата одного ретушера: «Меня как-то хотели заставить переделывать, потому что стояло 240.».3 – Нам нужна фотосессия, 10 фото на выходе с 300dpi.

Я надеюсь, вы тоже оценили абсурдность этих случаев... и это только за последнюю неделю.

На этом откланиваюсь. Всем мир!

Группа вк: vk.com/sergretouchСайт: www.sergretouch.ruБиханс: www.behance.net/sergretouchИнстаграм: http://instagram.com/sergey_brezhnevЮтуб: http://www.youtube.com/user/sergbrezhnev

sergbrezhnev.livejournal.com

Дюймы, пиксели, dpi. Что нужно знать при подборе изображений для печати?

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

Цель дизайна – сделать корпоративное издание привлекательным, интересным, запоминающимся. Визуализация вашей концепции формирует имидж успешности, стабильности, целостности. Если вы заботитесь о репутации своей компании и готовите корпоративное издание, в первую очередь позаботьтесь о качестве изображений.

Грамотный текст, написанный под расплывающейся на пиксели фотографией, будет восприниматься с иронией, и вас запомнят, как компанию с горе-дизайном.

Как не попасть впросак и подобрать иллюстрацию нужного качества?

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

Источник изображения depositphotos.com

Но что делать, когда единственная картинка, которая вам подходит, в плохом разрешении? Бывало ли так, что в бесконечных поисках нужного изображения по просторам интернета вы, наконец, нашли то единственное, необходимое вам фото, но и дизайнер, и отдел препресс в типографии в один голос говорят, что она не подходит для печати?! Вы ищите новое и опять тратите время на согласование.

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

Познакомимся с необходимыми терминами: размер, разрешение, формат.

Линейный размер фотографии — это физический размер напечатанной фотографии в миллиметрах: ширина и высота.Пиксели — это точки, из которых состоит изображение. Чем больше в составе изображения пикселей, тем более мелкие детали можно разглядеть на нем.Размер в пикселях — это ширина и высота в пикселях цифрового изображения.Разрешение — это число, которое связывает между собой размер изображения в пикселях и линейные размеры отпечатка. Измеряется в количествах пикселей на дюйм (1 дюйм = 25,4 мм) — ppi (pixels per inch). Рекомендуемое разрешение для печати высококачественных изображений 300 ppi. Практика показывает, что минимально допустимое разрешение для печати — 150 ppi.

Сравните:

Именно разрешение определяет итоговое качество изображения в вашем корпоративном издании. Оно не имеет ничего общего с тем, как изображение выводится на экране компьютера. А исправить фото c заведомо низким разрешением нельзя.

Даже самое современное оборудование не сможет качественно напечатать фотографию с низким разрешением.

Как самостоятельно определить разрешение?

Рассмотрим на конкретном примере. Вы готовите рекламный модуль для журнала размером 9*13 см, как обычная фотография. Необходимо хорошее качество 300 ppi, чтобы была видна каждая деталь изображения. Размер вашей картинки 1200×1500 пикселей.

Берем один из размеров — 1200 делим на 300 и умножаем на 2,54 см (количество сантиметров в дюйме) — получаем 1200/300*2,54 = 10,16 см. То же самое со вторым показателем 1500/300*2,54 = 12,7 см. Это значит, что максимальный размер на печати 10,16×12,7 см. Другими словами, в нужный размер вы попали и смело можете использовать выбранную картинку.

Если посчитать наоборот — 1200/9 (кол-во требуемых сантиметров, когда они вам известны) *2,54 = 338 dpi. Такое разрешение фактически будет, если печать ровно размером 9*13 см.

Вам в помощь приводим таблицу соотношения (соответствия) некоторых величин:

Форматы и размеры могут быть любыми, постоянной для печати должна быть одна величина — разрешение 300 ppi.

Желаем удачи в подготовке вашей корпоративной полиграфии.

ФорматЛинейные размеры для печати (в мм)Размер изображения в пикселях (для печати 300 ppi)
9x1389x1271051x1500
10x15102x1521205x1795
13x18127x1781500x2102
15x20152x2031795x2398
15x21152x2161795x2551
20x30203x3052398x3602

Форматы и размеры могут быть любыми, постоянной для печати должна быть одна величина – разрешение 300 ppi. Желаем удачи в подготовке вашей корпоративной полиграфии.

pechatnick.com