{ "version": "https:\/\/jsonfeed.org\/version\/1", "title": "Переверстал, заметки с тегом: 300dpi", "home_page_url": "https:\/\/pereverstal.by\/tags\/300dpi\/", "feed_url": "https:\/\/pereverstal.by\/tags\/300dpi\/json\/", "icon": "https:\/\/pereverstal.by\/user\/userpic@2x.jpg", "author": { "name": "Автор блога", "url": "https:\/\/pereverstal.by\/", "avatar": "https:\/\/pereverstal.by\/user\/userpic@2x.jpg" }, "items": [ { "id": "70", "url": "https:\/\/pereverstal.by\/all\/kak-uznat-podhodit-fotka-dlya-pechati-ili-net\/", "title": "Как узнать подходит фотка для печати или нет?", "content_html": "

Привет! Идея поста родилась давно, но руки дошли только сейчас. Итак, представьте
\nклассическую ситуацию — дизайнер просит клиента выслать фотку для макета. Казалось бы,
\nчего проще? Но не тут-то было. Клиент, глазом не моргнув, присылает джипег 500x325, при этом
\nзная, что его макет размером A3. Дизайнер, конечно же мягко говоря недоволен.
\nПросит прислать фотку получше, клиент присылает новую 600x425. Дизайнер в бешенстве.<\/p>\n

Клиента нельзя винить — он не обязан разбираться даже в основах компьютерной
\nграфики и печати. Но, согласитесь, мир станет гораздо прекраснее, если такое вдруг
\nпроизойдет.<\/p>\n

Я постараюсь дать максимально простой алгоритм определения того подходит фотка
\nдля печати или нет. Поехали.<\/p>\n

У клиента есть фотка в разрешении 500x325 и задача напечатать ее на формате А3.
\nУ клиента есть фотка и задача напечатать ее размером А3.<\/p>\n

Вот фотка:<\/p>\n

\n\"\"\n<\/div>\n

Первое, что необходимо сделать это узнать ее разрешение. Разрешение фотографии —
\nколичество пикселей по горизонтали и вертикали.<\/p>\n

Фотка состоит из пикселей (квадратиков). Если я ее увеличу мы сможем их увидеть.<\/p>\n

\n\"\"\n<\/div>\n

Наша задача узнать сколько пикселей умещается в фотке по горизонтали и вертикали.<\/p>\n

Например можно сделать вот так:<\/h2>\n

1) Идем на сайт google.com и жмем «Картинки» в правом верхнем углу:
\n2) Берем нашу фотку и мышкой тянем кошку на строку поиска<\/p>\n

\n\"\"\n<\/div>\n

3) Получаем результат<\/p>\n

\n\"\"\n<\/div>\n

Разрешение нашей фотки 500x325 пикселей:<\/p>\n

\n\"\"\n<\/div>\n

Следующий шаг.<\/h2>\n

Сейчас будет чуть-чуть теории. Совсем немного. Многие из вас наверное слышали
\nпро такое магическое сочетание как «300 dpi» — его обычно произносят, когда говорят
\nо качественной печати. Давайте разберемся что это и зачем нам это нужно. 300 dpi —
\nили 300 dots per inch или 300 точек на дюйм, или разрешение для печати.
\nЭто означает, что в 1 дюйм напечатанного изображения (2,54 см)
\nпоместится 300 пикселей изображения. DPI — параметр цифрового изображения,
\nо котором вам совершенно не нужно париться — его будет выставлять дизайнер.<\/p>\n

Кстати, когда говорят dpi, имеют ввиду ppi — pixels per inch или пикселей на дюйм,
\nчто является более корректным термином, т. к. dpi — параметр, который описывает
\nразрешающую способность принтера, т. е. сколько точек на дюйм он может напечатать.
\nОбычно требования к dpi гораздо выше в числовом измерении и 300 dpi —
\nэто весьма слабое разрешение принтера.<\/p>\n

Но! Предлагаю вам не париться и говорить dpi, т. к. вас все равно
\nпоймут правильно. Бороться с этим бессмысленно — все привыкли говорить
\ndpi (как памперсы вместо подгузников).<\/p>\n

Итак, 300 dpi — это такой общепринятый стандарт качества для печати.
\nЧем он ниже, тем менее четкими будут детали изображения. Считается, что
\nесли каждые 300 пикселей изображения лягут на каждый дюйм вашего
\nнапечатанного изображения — оно будет выглядеть качественным и резким.
\nВот тут мы подобрались ко второму заблуждению. Дело в том, что никто и никогда
\nне расскажет вам, что такое качественное изображение. Никто и никогда не задаст
\nвам критерии резкости. Как минимум качество (которого не существует) опирается
\nна задачу.<\/p>\n

К примеру, если мы напечатаем билборд с разрешением 50dpi, то при ближайшем
\nрассмотрении он будет выглядеть мыленым, детали будут нечеткие и... эээм.. ваше
\nлюбимое качество будет низким. Но фишка в том, что на билборд смотрят, находясь
\nна достаточном расстоянии, чтобы низкое качество изображения портило картинку.
\nИздалека вы будете видеть все четким. Получается 50dpi не равно некачественному
\nизображению.<\/p>\n

Тоже самое можно сказать и о полиграфии. Листовка в ваши руках позволит
\nвам тщательнее рассматривать детали изображения, а значит разрешение
\nдля печати листовки обязательно должен быть 300 dpi! Но на самом деле не всегда.
\nОно может быть, например 225dpi и качество по итогу всех устроит, потому
\nчто изображение, к примеру, не будет содержать мелких и важных деталей,
\nи степень нечеткости будет вполне допустима.<\/p>\n

Я предлагаю отбросить такие вещи как билборды и растяжки, а рассматривать для удобства
\nисключительно полиграфию и принять во внимание, что на выходе у нас должна быть
\nэээ.. максимальная резкость и... эээ.. качество изображения. А значит наш выбор —
\nэто 300dpi (на деле ppi, но для таких зануд как я)<\/p>\n

Вернемся к нашему котику. Напомню, нам нужно напечатать его на формате А3,
\nразрешение фотки — 500x325 пикселей. Чтобы котик получился резким, на каждом дюйме
\nнашего А3 изображения должно быть 300 его пикселей. Давайте теперь возьмем калькулятор
\nи посчитаем какого размера при таком разрешении мы можем напечатать котика, чтобы
\nне больно было смотреть ему в глаза.<\/p>\n

Берем для расчета размер по горизонтали:
\n500px \/ 300 (пикселей в каждом дюйме) примерно равно 1,6 дюйма или 4 см. Делаем вывод —
\nнапечатанное изображение нужного качества будет составлять в длину всего лишь 4 см
\nпри разрешении 500px по горизонтали, т. е. отправлять его дизайнеру нельзя, т. к. нам
\nнужно напечатать аж 42 см!<\/p>\n

Чтобы узнать разрешение нужного нам изображения нужно всего лишь сколько дюймов
\nбудет составлять наше изображение: 42\/2,54= 16,5. Потом умножить это количество
\nна стандарт печати 300dpi: 16,5x300 =4800px по горизонтали.<\/p>\n

Если фотку вы нашли в интернете, то есть шанс,что всего там будет лежать такая же,
\nно большего разрешения. Снова открываем наше окно, в котором мы узнавали
\nразрешение первой фотки и жмем на ссылку «Все размеры»<\/p>\n

\n\"\"\n<\/div>\n

Смотрим результаты поиска<\/p>\n

\n\"\"\n<\/div>\n

Максимальное разрешение фото, которое мы можем скачать это 2640X1650 пикселей, что
\nтоже не достаточно для печати на формате А3, следуя нашему правилу. Но не все так плохо.
\nДавайте вспомним, что качество — это понятие относительное и, по сути, несуществующее
\nи всегда нужно отталкиваться от задачи.Вам нужен А3? Ок, а для чего? В руках его держать
\nнеудобно, скорее всего повесите на стену. А раз так, значит смотреть на него будут
\nна расстоянии, т. е. слегка мыленые детали не испортят всей картины.<\/p>\n

Давайте проведем опыт. Отправим обе фотки дизайнеру. Дизайнер, получив наши фото,
\nсоздал документ размером А3, с разрешением 300dpi и вставил обе наши фотографии.
\nВот соотношение размеров того, что должно получиться и реальных размеров фоток.<\/p>\n

Эта фотка 500x325<\/p>\n

\n\"\"\n<\/div>\n

Эта 2640X1650<\/p>\n

\n\"\"\n<\/div>\n

Как видим в обоих случаях разрешения недостаточно, и, чтобы заполнить все пространство
\nдокумента, дизайнеру придется растянуть обе фотографии. Смотрим, что у него
\nполучилось после увеличения:<\/p>\n

\n\"\"\n<\/div>\n

Фотка справа, неесмотря на то, чо не дотягивала по разрешению на 300dpi, выглядит
\nвполне неплохо, чего нельзя сказать о левой фотографии Но что делать, если вариант
\nсправа не устраивает и резкости не хватает? Тут уже нужно решать задачу на месте
\nи по ситуации — либо просить дизайнера увеличить резкость, или искать нужную
\nфотку длиной 4800px по горизонтали. Но в любом случае вы можете с чистой совестью
\nсказать, что сделали все, чтобы сберечь время и нервы дизайнера.<\/p>\n

Но это еще не все. Из всего сказанного выше можно сделать вывод, что чем больше
\nразрешение, тем лучшего качества отпечаток мы получим. Это не совсем так.
\nСмотрите сюда, я нашел фото кота в нужном разрешении (4800x3120) для печати на А3<\/p>\n

\n\"\"\n<\/div>\n

Невооруженным взглядом видно, что картинка далеко не резкая, несмотря на свои 4800x3120<\/p>\n

Почему? Все просто — это либо фотобрак (при съемке не был настроен фокус), либо кто-то взял
\nэто фото маленького разрешения и растянул до большего. Разумеется резкости это изображению
\nне прибавило. И дизайнер тут уже не спасет. Поэтому прежде чем радоваться высокому
\nразрешению фотки, удостоверьтесь, что на экране она выглядит достойно.<\/p>\n

Ууф! Давайте подытожим.<\/p>\n

Прежде чем, отправлять дизайнеру фото нужно соблюсти следующие действия:<\/h2>\n
    \n
  1. Знать какого размера вам нужен макет на выходе.<\/li>\n
  2. Узнать разрешение вашей фотки.<\/li>\n
  3. Посчитать на калькуляторе возможности данного разрешения,
    \nт. е. какого размера максимум его можно напечатать
    \nпри разрешении для печати 300dpi. Для этого:
    \na) кол-во пикселей по горизонтали делим на 300 — получаем кол-во дюймов,
    \nb) Умножаем это число на 2.54 и получаем кол-во сантиметров<\/li>\n<\/ol>\n
      \n
    1. Если получившийся размер равен или превышает нужные размеры, можем смело
      \nотправлять ее дизайнеру, но предварительно убедившись, что фото само по себе резкое
      \nи на нем отсутствуют шумы, артефакты и прочие гадости.<\/li>\n
    2. Если получившийся размер меньше требуемого, идем в гугл (берем фотоаппарат, роемся
      \nу себя на компе) и ищем фото максимального размера.<\/li>\n
    3. Найдя, выполняем расчеты еще раз.<\/li>\n
    4. Если нового разрешения опять недостаточно, отправляем это фото дизайнеру со словами
      \n«Это самое большое, что удалось найти».<\/li>\n
    5. Ждем ответа и действуем по ситуации.<\/li>\n<\/ol>\n

      Чувствуете как мир становится немного прекраснее?<\/p>\n", "date_published": "2018-11-24T18:01:55+03:00", "date_modified": "2019-05-13T21:20:57+03:00", "image": "https:\/\/pereverstal.by\/pictures\/101084_800.jpg", "_date_published_rfc2822": "Sat, 24 Nov 2018 18:01:55 +0300", "_rss_guid_is_permalink": "false", "_rss_guid": "70", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/pereverstal.by\/pictures\/101084_800.jpg", "https:\/\/pereverstal.by\/pictures\/101594_800.jpg", "https:\/\/pereverstal.by\/pictures\/102263_600.jpg", "https:\/\/pereverstal.by\/pictures\/102624_800.jpg", "https:\/\/pereverstal.by\/pictures\/102873_600.jpg", "https:\/\/pereverstal.by\/pictures\/106415_600.jpg", "https:\/\/pereverstal.by\/pictures\/106649_600.jpg", "https:\/\/pereverstal.by\/pictures\/105162_600.jpg", "https:\/\/pereverstal.by\/pictures\/105234_600.jpg", "https:\/\/pereverstal.by\/pictures\/107054_1000.jpg", "https:\/\/pereverstal.by\/pictures\/107489_800.jpg" ] } } ], "_e2_version": 3254, "_e2_ua_string": "E2 (v3254; Aegea)" }