Цель статьи: объяснить разницу в форматах для тех, кто далек от дизайна
Содержание:
1. Векторные и растровые форматы, основное отличие.
2. Форматы с возможностью редактирования.
3. Форматы сохраняющие прозрачность.
Очень часто мои клиенты теряются, когда я их спрашиваю: в каком файле нужен макет? Еще круче, если типография угрожающе шепчет в трубку: "Нам нужен макет кривых". Зачем им кривой макет, интересно? В этой статье я кратко объясню разницу между форматами для простого пользователя, который далек от графического дизайна, с целью облегчить вам жизнь при общении с исполнителями и типографиями.
Векторные и растровые форматы
Для начала, разделим форматы на две большие семьи
Растровые форматы, очень нам привычны, сегодня мы имеем дело с ними ежедневно. Всё, что вы видите в интернете, изображения на экране, фото, которые вы делаете на телефон или фотоаппарат являются растровыми. Они состоят из пикселей, если мы их увеличим, то увидим маленькие квадратики, окрашенные в строго в один цвет (это важно). Если мы зададимся целью, то сможем посчитать сколько их в одном изображении. Иногда качество картинки плохое и мы видим пиксели невооружённым глазом. Про такие картинки иногда говорят: "ой, какая фотка пиксельная" (рисунок 1).
У растровых изображений есть существенный минус. Они имеют конечный физический размер. Например, фото 10 на 15 см. Причем в одном квадратном сантиметре количество пикселей может быть разное. Чем их больше, тем лучше выглядит картинка. Все линии гладкие, четкие, градиентные переходы мягкие. Количество пикселей в 1 квадратном сантиметре или квадратном дюйме (такая система более распространена у дизайнеров и типографий), тем выше разрешение картинки. Для простоты запоминания можно всегда использовать цифру 300 dpi (300 точек на дюйм), она является золотым стандартом.
Так вот, если вы фото размером 10 на 15 см захотите напечатать на бумаге размером 20 на 30 см, что произойдет? Изображение искусственно растянется, на те места, которые не существовали ранее программа через которую вы печатаете подставит новые пиксели и окрасит их в какой-то цвет, который возьмет из смеси соседних пикселей. Чаще всего это приводит к тому, что картинка становится "мыльной". Четкость линий теряется, мы видим ухудшение качества (рисунок 1).
Распространенными растровыми форматами являются:
- jpg
- png
Что касается векторной графики. Она совершенно другая, понять как она появляется достаточно сложно неподготовленному человеку. Постараюсь объяснить.
Вектор — это кривая линия, которая строит изображение. Если мы видим векторный круг, то пока он не распечатан, а находится внутри графической программы, он является математической формулой, которая описывает как эта кривая изгибается и какие цвета она содержит. Если мы захотим увеличить этот круг, то математическая формула просто пересчитается, изображение создастся заново без каких-либо потерь в качестве. Поэтому пока изображение в векторном формате, оно не имеет физического размера. Его можно растягивать и уменьшать бесконечное количество раз без потери качества. Вот почему типографии просят присылать им файлы в кривых. Кривые — это и есть векторы (рисунок 2).
Распространенными векторными форматами являются:
- ai — формат программы Adobe Illustrator
- crd — формат программы Corel Draw
- eps — универсальный формат
Форматы, которые можно редактировать и конечные форматы
Так как статья рассчитана на простых пользователей, а не дизайнеров, то продолжим наш разговор только о растровых форматах. С ними приходится сталкиваться достаточно часто особенно владельцам микробизнеса или блогерам. Так как чаще всего визуальным оформлением своих страниц в соцсетях, созданием простых макетов, например, визиток, вы занимаетесь сами.
В процессе создания макетов, например, в программе Photoshop, каждый элемент располагается в своём слоё. Фон картинки на одном слое, фотография на другом, текст на третьем. Если вы сохраните такой макет в формате jpg, то открыв ее снова в программе-редакторе, вы увидите, что слоёв никаких нет и текст отредактировать невозможно, так же как и заменить фото. Это произошло потому что вы сохранили файл в конечном формате, который предназначен для демонстрации или печати результата. Если вы хотите иметь возможность вносить изменения в документ то используйте:
- psd
- tiff
Оба эти формата сохраняют документ со слоями и без каких-либо сжатий. Отличаются они тем, что tiff - универсальный формат, а psd - формат программы Photoshop.
Форматы с прозрачными элементами и без них
Осталось разобраться с тем, какие форматы поддерживают прозрачность. Например, вам нужно разместить ваш логотип поверх изображения. Вы помещаете в макет jpg и видите, что под лого находится белый фон. Дело в том, что этот формат не поддерживает прозрачность. А вот png и любой редактируемый формат (tiff и psd) умеют это делать (рисунок 3).
Мы разобрались во всех форматах, которые чаще всего вы можете использовать в повседневных задачах. Конечно, их намного больше, но те, что я упомянула в своей статье самые ходовые. Надеюсь вы перестанете путаться и будете проще находить язык с дизайнерами и типографиями.