Содержание

Таблица форматов фотографий – FOTODRIVE

Перейти к содержанию

096-504-04-74 / [email protected]Пн — Пт: 08:00 — 18:00

Личный кабинет

Форматы фотобумаги отличаются от международных форматов ISO, но зачастую в быту мы оперируем именно привычными в повседневной офисно-бытовой обстановке терминологией и размерами. И хоть эти форматы достаточно близки, все же они не одинаковы! Основные фото-форматы имеют соотношение сторон аналогичные матрице современных цифровых камер 1:1,5 (2/3) или 1:1,33 (3/4). Стандартные международные форматы бумаги имеют соотношение сторон 1:1,4142, т.е они не совпадают по пропорциям. При печати на фотолабораториях используются именно фото-стандарты, впрочем, это относится и к размерам готовых рамок и фотоальбомов для оформления и хранения фотографий.

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

ФОРМАТ ФОТО
(см)
РАЗМЕР ФАКТИЧЕСКИЙ
(см)
СООТНОШЕНИЕ
СТОРОН
РАЗМЕР ФОТО
В ПИКСЕЛЯХ
СТАНДАРТ ФОРМАТА
БУМАГИ ISO
9×138.9 x 12.72:31051×1500
10×1510.2 x 15.22:31205×1795~ A6
11×1511.4 х 15.23:41346×1795~ A6
13×1312.7 х 12.71:11500×1500
13×1812.7 x 17.83:41500×2102
15×1515.2 х 15.21:11795х1795
15×2015.2 x 20.33:41795×2398~ A5
15×2115.2 x 21.03:41795×2480~ A5
15×2215.2 x 21.63:41795×2551~ A5
15×45 (панорама)15. 2 x 45.71:31795×5398
20×3020.3 x 30.52:32398×3602~ A4
21×3021.0 x 30.52:32480×3602~ A4
24×3024.0 х 30.53:42835х3602
30×3030.5 x 30.51:13602×3602
30×4030.5 x 40.73:43602×4807~ A3
30×4530.5 x 45.72:33602×5398~ A3
30×6030.5 x 61.01:23602×7205~ A2
30×90 (панорама)30.5 x 91.41:33602×10795

В этой таблице указаны рекомендуемые разрешения для файлов, но можно рассматривать пригодными к печати фотографии, имеющие хотя бы половину от этих значений. Увеличение количества точек по ширине и высоте в Photoshop-е или каком-либо другом графическом редакторе ничего не даёт и не улучшает! Рассматривается разрешение только исходных файлов.

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

Вверх

Таблица размеров фотографий под печать

Таблица размеров фотографий под печать

Режим работы: с 10.00 — 20.00 без выходных и обеденного перерыва. Почта: [email protected]


Для подготовки файлов к печати в одном из стандартных форматов (от 10х15 до 30х42 см) вы можете воспользоваться этой таблицей.

Размеры стандартных размеров для фотопечати:

название формата линейные размеры, см размеры файла в пикселях
10 x 15 15.2 х 10.2 1795 х 1205
15 x 20 20.
2 х 15.2
2386 х 1795
20 x 30 30.5 х 20.3 3602 х 2398
21 x 30 30.5 х 21.0 3602 х 2480
30 x 30 30.5 х 30.5 3602 х 3602
30 x 40 40.3 х 30.5 4760 х 3602
30 x 42 45.7 х 30. 5 5398 х 3602

Рекомендуемое разрешение для широкоформатной печати :

Формат:

40х60

50х75

60х90

90х120

Разрешение:

4000х6000

5000×7500

6000×9000

9000×12000

         
Формат:

60х180

100х100

100х150

100х300

Разрешение:

6000×1800

10000×10000

10000×15000

10000×30000

Незначительная часть изображения всегда будет уходить за обрез вне зависимости от значений параметра «кадрирование». Это связано с техническими допусками печатных машин на люфт бумаги. Мы не рекомендуем размещать значимые фрагменты изображения (например, подписи) ближе 2 мм от его края.

Часто используемые форматы и размеры фото :

Формат Ширина (см) Высота (см) Ближайший по размеру формат фотографии (см)
A0 84.1 118.8 90 x 120
A1 59.4 84.1 60 x 90
A2 42.0 59.4 40 x 60, 42 x 60
A3 29.7 42.0 30 x 40, 30х42, 30 x 45
A4 21.0 29.
7
20 x 30, 21 x 30
A5 14.8 21.0 15 x 21
A6 10.5 14.8 10 x 15

Joomla SEF URLs by Artio

Когда использовать каждый тип файла

Логотипы, веб-сайты и многое другое…

Логотипы, веб-сайты, обложки книг и многое другое…

Получить дизайн

Думаешь, GIF — самый вкусный вид арахисового масла? И ИИ был тем странным научно-фантастическим фильмом с Хейли Джоэлом Осментом в главной роли? Что ж, ты не ошибаешься. Но сегодня мы говорим о форматах изображений и обо всех этих надоедливых маленьких файлах, которые мы используем для создания визуального контента для печати и Интернета.

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

Итак, давайте разберемся. Добро пожаловать в форматы файлов изображений 101. Давайте углубимся в основы каждого типа файлов.

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

Различные типы форматов файлов изображений


  1. Форматы растровых файлов
    • JPEG
    • GIF
    • PNG
    • ТИФФ
    • СЫРЬЕ
    • ПСД
  2. Векторные форматы файлов
    • ПДФ
    • EPS
    • СВГ
    • АИ

Форматы растровых файлов


Что такое растровое изображение

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

Фотографии предоставлены автором.

Растровые изображения обычно используются для фотографий, цифровых иллюстраций и веб-графики (например, рекламных баннеров, содержимого социальных сетей и графики электронной почты). Adobe Photoshop — это стандартный редактор изображений, который используется для создания, проектирования и редактирования растровых изображений, а также для добавления эффектов, теней и текстур к существующим проектам.

CMYK и RGB

Все растровые изображения могут быть сохранены в одной из двух основных цветовых моделей: CMYK и RGB.

 

CMYK — процесс четырехцветной печати, обозначающий c yan, m agenta, y ellow и k ey (черный). Эти цвета представляют собой четыре краски, которые будут сочетаться в процессе печати. Файлы, сохраненные в этом формате, будут оптимизированы для физической печати.

CMYK — от OwleyRGB — от A&V

RGB — это цветовая модель на основе света, которая обозначает r ed, g reen и b lue. Это три основных цвета света, которые в сочетании образуют другие цвета. Файлы, сохраненные в этом формате, будут оптимизированы для Интернета, мобильных телефонов, фильмов и видео — всего, что появляется на экране.

С потерями и без потерь

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

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

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

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

JPEG/JPG

JPEG — это растровый формат с потерями, который расшифровывается как Joint Photographic Experts Group, техническая группа, которая его разработала. Это один из наиболее широко используемых форматов в Интернете, обычно для фотографий, электронной почты и больших веб-изображений, таких как рекламные баннеры. Изображения JPEG имеют скользящую шкалу сжатия, которая значительно уменьшает размер файла, но увеличивает артефакты или пикселизацию по мере сжатия изображения.

Нет сжатияВысокое сжатие
Вам следует использовать JPEG, когда…
  • Вы имеете дело с онлайн-фотографиями и/или произведениями искусства . Файлы JPEG обеспечивают наибольшую гибкость при редактировании и сжатии растра, что делает их идеальными для веб-изображений, которые необходимо быстро загрузить.
  • Вы хотите напечатать фотографии и/или иллюстрации . Файлы в высоком разрешении с низким уровнем сжатия идеально подходят для редактирования и последующей печати.
  • Вам необходимо отправить изображение для быстрого предварительного просмотра клиенту. Изображения JPEG можно уменьшить до очень маленьких размеров, что делает их удобными для отправки по электронной почте.
Не используйте JPEG, когда…
  • Вам нужна веб-графика с прозрачностью. Файлы JPEG не имеют канала прозрачности и должны иметь сплошной цвет фона. GIF и PNG — ваши лучшие варианты прозрачности.
  • Вам нужно многослойное редактируемое изображение. JPEG — это плоский формат изображения, что означает, что все изменения сохраняются в один слой изображения и не могут быть отменены. Рассмотрите файл PSD (Photoshop) для полностью редактируемого изображения.

GIF

GIF — это растровый формат без потерь, который расшифровывается как Graphics Interchange Format. Большой вопрос: как это произносится? Создатель GIF говорит «JIFF», как арахисовое масло. Этот писатель (и многие в мире) говорят «GIFF», потому что графика начинается с «ага». В любом случае, мы оставим это на ваше усмотрение. GIF также является широко используемым форматом веб-изображений, обычно для анимированной графики, такой как рекламные баннеры, изображения электронной почты и мемы в социальных сетях. Хотя GIF-файлы не имеют потерь, их можно экспортировать с рядом настраиваемых параметров, которые уменьшают количество цветов и информации об изображении, что, в свою очередь, уменьшает размер файла.

Вы должны использовать GIF, когда…
  • Вы хотите создать веб-анимацию . Изображения GIF содержат все кадры анимации и информацию о времени в одном файле. Редакторы изображений, такие как Photoshop, позволяют легко создавать короткую анимацию и экспортировать ее в формате GIF.
  • Вам нужна прозрачность . Изображения GIF имеют «альфа-канал», который может быть прозрачным, поэтому вы можете разместить свое изображение на любом цветном фоне.
  • Вам нужен небольшой файл . Методы сжатия в формате GIF позволяют значительно сжимать файлы изображений. Для очень простых значков и веб-графики GIF является лучшим форматом файла изображения.
Не используйте GIF, когда…
  • Вам необходимо изображение фотографического качества. Хотя GIF-файлы могут быть с высоким разрешением, они имеют ограничение в 256 цветов (если вы не знаете несколько приемов). Фотографии обычно имеют тысячи цветов и будут выглядеть плоскими и менее яркими (а иногда и странными из-за цветовых полос) при преобразовании в GIF.
  • Вам необходимо распечатать изображение. Из-за ограничений по цвету большинству напечатанных фотографий не хватает глубины. Если вам нужно распечатать фотографии, обратите внимание на форматы TIFF, PSD и JPG.
  • Вам нужно многослойное редактируемое изображение. GIF — это плоский формат изображения, что означает, что все изменения сохраняются в один слой изображения и не могут быть отменены. Рассмотрите файл PSD (Photoshop) для полностью редактируемого изображения.

PNG

PNG — это растровый формат без потерь, обозначающий Portable Network Graphics. Думайте о PNG как о GIF следующего поколения. Этот формат имеет встроенную прозрачность, но также может отображать более высокую глубину цвета, что выражается в миллионах цветов. PNG являются веб-стандартом и быстро становятся одним из самых распространенных форматов изображений, используемых в Интернете.

Стикеры единорога от _ELM_Trauby mascot от ktoons
Используйте PNG, когда…
  • Вам нужна качественная прозрачная веб-графика . Изображения PNG имеют переменный «альфа-канал», который может иметь любую степень прозрачности (в отличие от GIF-файлов, у которых есть только включение/выключение прозрачности). Кроме того, с большей глубиной цвета у вас будет более яркое изображение, чем у GIF.
  • У вас есть иллюстрации с ограниченными цветами . Хотя подойдет любое изображение, файлы PNG лучше всего использовать с небольшой цветовой палитрой.
  • Вам нужен небольшой файл . Файлы PNG могут уменьшаться до невероятно маленьких размеров, особенно изображения с простыми цветами, формами или текстом. Это делает его идеальным типом файла изображения для веб-графики.
Не используйте PNG, когда…
  • Вы работаете с фотографиями или произведениями искусства. Благодаря высокой глубине цвета PNG этот формат может легко обрабатывать фотографии высокого разрешения. Однако, поскольку это веб-формат без потерь, размеры файлов, как правило, становятся очень большими. Если вы работаете с фотографиями в Интернете, используйте JPEG.
  • Вы имеете дело с проектом печати. Графика PNG оптимизирована для экрана. Вы определенно можете распечатать PNG, но вам лучше использовать файл JPEG (с потерями) или TIFF.

TIFF/TIF

TIFF — это растровый формат без потерь, обозначающий Tagged Image File Format. Из-за чрезвычайно высокого качества этот формат в основном используется в фотографии и настольных издательских системах. Скорее всего, вы столкнетесь с файлами TIFF при сканировании документа или фотографировании с помощью профессиональной цифровой камеры. Обратите внимание, что файлы TIFF также можно использовать в качестве «контейнера» для изображений JPEG. Эти файлы будут намного меньше, чем традиционные файлы TIFF, которые обычно очень велики.

Вы должны использовать TIFF, когда…
  • Вам нужна высококачественная печатная графика. Наряду с RAW файлы TIFF относятся к графическим форматам самого высокого качества из доступных. Если вы печатаете фотографии, особенно огромных размеров, используйте этот формат.
  • Вы выполняете высококачественное сканирование . Использование формата TIFF для сканирования документов, фотографий и иллюстраций гарантирует, что у вас будет наилучший исходный файл для дальнейшей работы.
Не использовать в формате TIFF, когда…
  • Вы работаете с веб-графикой. Хотя его поддерживают многие веб-браузеры, файлы TIFF оптимизированы для печати. Используйте JPEG или PNG, если вам нужно отображать высококачественные изображения в Интернете.

RAW

Формат необработанного изображения содержит необработанные данные, полученные цифровой камерой или датчиком сканера. Как правило, изображения обрабатываются (настраиваются по цвету, балансу белого, экспозиции и т. д.), а затем конвертируются и сжимаются в другой формат (например, JPEG или TIFF). Необработанные изображения хранят необработанные и обработанные данные в двух отдельных файлах, поэтому у вас остается изображение максимально возможного качества, которое вы можете редактировать без разрушения с помощью приложения для редактирования фотографий, такого как Photoshop. Существуют десятки необработанных форматов, но некоторые из типичных форматов — это CRW (Canon), NEF (Nikon) и DNG (Adobe).

через Adobe
Вам следует использовать RAW, когда…
  • Вы снимаете и редактируете фотографии . Убедитесь, что ваша камера настроена на формат RAW, чтобы вы могли снимать наиболее универсальные изображения. Затем используйте совместимое приложение для редактирования фотографий, чтобы настроить изображение.
Не используйте RAW, когда…
  • Вы работаете с веб-графикой. RAW создан для редактирования фотографий. Когда вы будете готовы представить свои фотографии в Интернете, конвертируйте их в JPEG.
  • Вы готовы печатать фотографии. Многие принтеры не принимают необработанные форматы, поэтому сначала конвертируйте их в JPEG или TIFF.

PSD

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

Вам следует использовать PSD, когда…
  • Пришло время ретушировать фотографий. Нужно исправить цвет фотографии? Или добавить слой текста? PSD = фотографии.
  • Вам нужно отредактировать иллюстрацию для цифровой печати или печати. Это может быть фотография, картина, рисунок или что-то еще. Photoshop — правильный инструмент, чтобы убедиться, что каждая линия, тень и текстура на месте.
  • Вам нужно цифровых изображений для Интернета , таких как изображения для социальных сетей, рекламные баннеры, заголовки электронных писем, видео и т. д. Создание этих изображений в Photoshop обеспечит их правильный размер и оптимизацию для Интернета.
  • Вам необходимо создать макет веб-сайта или приложения . Слои упрощают перемещение элементов пользовательского интерфейса.
  • Вы хотите пофантазировать с анимацией и видео. Photoshop позволяет легко нарезать простые видеоклипы и добавлять графику, фильтры, текст, анимацию и многое другое.
Не используйте PSD, когда…
  • Вам необходимо разместить фотографию в Интернете или отправить клиенту превью. Сеть поддерживает формат JPEG. Сначала конвертируйте, чтобы убедиться, что ваша аудитория увидит ваше изображение (чтобы загрузка не заняла несколько минут).
  • Вы готовы печатать фотографии. Многие принтеры не принимают формат PSD, поэтому сначала преобразуйте его в JPEG или TIFF.

Форматы векторных файлов


Что такое векторное изображение

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

Плакат Walk for Life от Adwindesign для Salam_hДетский книжный персонаж от RVST® для SoccerpoetДизайн логотипа от Spoon Design

Векторные изображения обычно используются для логотипов, значков, набора и цифровых иллюстраций. Adobe Illustrator — это стандартный редактор изображений, который используется для создания, проектирования и редактирования векторных изображений (хотя он также может включать растровые изображения).

PDF

PDF означает Portable Document Format и представляет собой формат изображения, используемый для правильного отображения документов и графики независимо от устройства, приложения, операционной системы или веб-браузера. По своей сути файлы PDF имеют мощную основу векторной графики, но также могут отображать все, от растровой графики до полей форм и электронных таблиц. Поскольку это почти универсальный стандарт, PDF-файлы часто являются форматом файлов, запрашиваемым типографиями для отправки окончательного проекта в производство. Как Adobe Photoshop, так и Illustrator могут экспортировать прямо в PDF, что упрощает создание дизайна и его подготовку к печати.

Плакат Окленда Мартиса Люпуса Плакат йоги Трисикстина для йоги с Лео
Вам следует использовать PDF, когда…
  • Вы готовы распечатать . Как мы уже упоминали, многие типографии предпочитают PDF в качестве основного формата доставки из-за его повсеместного распространения. Обратитесь к своему принтеру, чтобы узнать, как они хотели бы, чтобы вы подготовили файл.
  • Вы хотите отображать документов в Интернете . Вы не будете использовать PDF для одного значка или логотипа, но он отлично подходит для плакатов, листовок, журналов и буклетов. PDF-файлы будут хранить весь ваш дизайн в одном пакете, что упрощает просмотр, загрузку или печать.
Не используйте PDF, когда…
  • Вам необходимо отредактировать свой дизайн. PDF-файлы — отличные контейнеры, но для содержимого используйте другие приложения. Вы можете редактировать растровые изображения в Photoshop и векторную графику в Illustrator. Когда вы закончите, вы можете объединить их в PDF для удобства просмотра.

EPS

EPS — это формат изображения, обозначающий Encapsulated PostScript. Хотя он используется в основном как векторный формат, файл EPS может включать данные как векторного, так и растрового изображения. Как правило, файл EPS включает один элемент дизайна, который можно использовать в более крупном проекте.

by artsigmaby Dusan Klepicby Sava Stoic
Вы должны использовать EPS, когда…
  • Вам нужно отправить векторный логотип клиенту, дизайнеру или в типографию. С файлом EPS вам не нужно беспокоиться о том, где будет размещен или напечатан логотип. Независимо от размера, он всегда будет отображаться с правильным разрешением.
Не используйте EPS, когда…
  • Вы имеете дело с фотографиями или произведениями искусства. EPS может обрабатывать растровые изображения, но этот тип файла изображения в основном предназначен для векторов. Работайте с PSD, TIF или JPEG, когда у вас есть фотопроект.
  • Вам нужно отобразить изображение онлайн. Сначала экспортируйте в JPEG, PNG или GIF.

SVG

SVG означает Scalable Vector Graphics и представляет собой формат векторного изображения на основе XML для двумерной графики. Его можно искать, индексировать, масштабировать и сжимать, что может привести к уменьшению размера файлов по сравнению с файлами других форматов, что делает его идеальным для Интернета. Файлы SVG можно редактировать как в графических редакторах, так и в текстовых редакторах.

Вы должны использовать SVG, когда…
  • Вы хотите создавать компьютерные графики и диаграммы для публикации в Интернете.
Не используйте SVG, когда…
  • Вам нужен формат файла для рабочего процесса печати.

AI

AI — это проприетарный формат векторного изображения, обозначающий Adobe Illustrator. Формат основан на стандартах EPS и PDF, разработанных Adobe. Как и эти форматы, файлы AI в основном представляют собой векторный формат, хотя они также могут включать встроенные или связанные растровые изображения. Файлы AI можно экспортировать как в файлы PDF, так и в файлы EPS (для удобного просмотра и печати), а также в форматы JPEG, PNG, GIF, TIFF и PSD (для использования в Интернете и дальнейшего редактирования).

Вы должны использовать ИИ, когда…
  • Вам нужно отредактировать векторный дизайн . Файлы AI позволяют вам перемещать и изменять каждый отдельный элемент вашего дизайна всего одним или двумя щелчками мыши.
  • Вам необходимо создать логотип, значок или талисман бренда . Каждую векторную фигуру и линию, созданные в Illustrator, можно увеличить до любого размера, что делает его идеальным для изображений, которые нужно использовать разными способами.
  • Вам нужен одностраничный печатный образец . Illustrator идеально подходит для плакатов, визитных карточек, листовок и карточек для заметок, которые можно комбинировать с другими растровыми изображениями.
  • Вам нужно установить тип для логотипа. Функции набора текста в Illustrator невероятно мощные, они позволяют растягивать, искажать и преобразовывать любой текст любым возможным способом.
Не используйте ИИ, когда…
  • Вам нужно редактировать изображения. Если в композиции используется растровое изображение (фотография или произведение искусства), в Illustrator имеется ограниченное количество инструментов для непосредственного редактирования этого изображения. Photoshop (файлы PSD) может выполнять более комплексные настройки, такие как цвет, контрастность и яркость.

Хотите найти дизайнера, который может создавать все нужные типы файлов?
Наши дизайнеры это умеют!

Найти дизайнера

Когда использовать каждый тип файла

Логотипы, веб-сайты и многое другое…

Логотипы, веб-сайты, обложки книг и многое другое…

Получить дизайн

Думаешь, GIF — самый вкусный вид арахисового масла? И ИИ был тем странным научно-фантастическим фильмом с Хейли Джоэлом Осментом в главной роли? Что ж, ты не ошибаешься. Но сегодня мы говорим о форматах изображений и обо всех этих надоедливых маленьких файлах, которые мы используем для создания визуального контента для печати и Интернета.

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

Итак, давайте разберемся. Добро пожаловать в форматы файлов изображений 101. Давайте углубимся в основы каждого типа файлов.

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

Различные типы форматов файлов изображений


  1. Форматы растровых файлов
    • JPEG
    • GIF
    • PNG
    • ТИФФ
    • СЫРЬЕ
    • ПСД
  2. Векторные форматы файлов
    • ПДФ
    • EPS
    • СВГ
    • АИ

Форматы растровых файлов


Что такое растровое изображение

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

Фотографии предоставлены автором.

Растровые изображения обычно используются для фотографий, цифровых иллюстраций и веб-графики (например, рекламных баннеров, содержимого социальных сетей и графики электронной почты). Adobe Photoshop — это стандартный редактор изображений, который используется для создания, проектирования и редактирования растровых изображений, а также для добавления эффектов, теней и текстур к существующим проектам.

CMYK и RGB

Все растровые изображения могут быть сохранены в одной из двух основных цветовых моделей: CMYK и RGB.

 

CMYK — процесс четырехцветной печати, обозначающий c yan, m agenta, y ellow и k ey (черный). Эти цвета представляют собой четыре краски, которые будут сочетаться в процессе печати. Файлы, сохраненные в этом формате, будут оптимизированы для физической печати.

CMYK — от OwleyRGB — от A&V

RGB — это цветовая модель на основе света, которая обозначает r ed, g reen и b lue. Это три основных цвета света, которые в сочетании образуют другие цвета. Файлы, сохраненные в этом формате, будут оптимизированы для Интернета, мобильных телефонов, фильмов и видео — всего, что появляется на экране.

С потерями и без потерь

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

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

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

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

JPEG/JPG

JPEG — это растровый формат с потерями, который расшифровывается как Joint Photographic Experts Group, техническая группа, которая его разработала. Это один из наиболее широко используемых форматов в Интернете, обычно для фотографий, электронной почты и больших веб-изображений, таких как рекламные баннеры. Изображения JPEG имеют скользящую шкалу сжатия, которая значительно уменьшает размер файла, но увеличивает артефакты или пикселизацию по мере сжатия изображения.

Нет сжатияВысокое сжатие
Вам следует использовать JPEG, когда…
  • Вы имеете дело с онлайн-фотографиями и/или произведениями искусства . Файлы JPEG обеспечивают наибольшую гибкость при редактировании и сжатии растра, что делает их идеальными для веб-изображений, которые необходимо быстро загрузить.
  • Вы хотите напечатать фотографии и/или иллюстрации . Файлы в высоком разрешении с низким уровнем сжатия идеально подходят для редактирования и последующей печати.
  • Вам необходимо отправить изображение для быстрого предварительного просмотра клиенту. Изображения JPEG можно уменьшить до очень маленьких размеров, что делает их удобными для отправки по электронной почте.
Не используйте JPEG, когда…
  • Вам нужна веб-графика с прозрачностью. Файлы JPEG не имеют канала прозрачности и должны иметь сплошной цвет фона. GIF и PNG — ваши лучшие варианты прозрачности.
  • Вам нужно многослойное редактируемое изображение. JPEG — это плоский формат изображения, что означает, что все изменения сохраняются в один слой изображения и не могут быть отменены. Рассмотрите файл PSD (Photoshop) для полностью редактируемого изображения.

GIF

GIF — это растровый формат без потерь, который расшифровывается как Graphics Interchange Format. Большой вопрос: как это произносится? Создатель GIF говорит «JIFF», как арахисовое масло. Этот писатель (и многие в мире) говорят «GIFF», потому что графика начинается с «ага». В любом случае, мы оставим это на ваше усмотрение. GIF также является широко используемым форматом веб-изображений, обычно для анимированной графики, такой как рекламные баннеры, изображения электронной почты и мемы в социальных сетях. Хотя GIF-файлы не имеют потерь, их можно экспортировать с рядом настраиваемых параметров, которые уменьшают количество цветов и информации об изображении, что, в свою очередь, уменьшает размер файла.

Вы должны использовать GIF, когда…
  • Вы хотите создать веб-анимацию . Изображения GIF содержат все кадры анимации и информацию о времени в одном файле. Редакторы изображений, такие как Photoshop, позволяют легко создавать короткую анимацию и экспортировать ее в формате GIF.
  • Вам нужна прозрачность . Изображения GIF имеют «альфа-канал», который может быть прозрачным, поэтому вы можете разместить свое изображение на любом цветном фоне.
  • Вам нужен небольшой файл . Методы сжатия в формате GIF позволяют значительно сжимать файлы изображений. Для очень простых значков и веб-графики GIF является лучшим форматом файла изображения.
Не используйте GIF, когда…
  • Вам необходимо изображение фотографического качества. Хотя GIF-файлы могут быть с высоким разрешением, они имеют ограничение в 256 цветов (если вы не знаете несколько приемов). Фотографии обычно имеют тысячи цветов и будут выглядеть плоскими и менее яркими (а иногда и странными из-за цветовых полос) при преобразовании в GIF.
  • Вам необходимо распечатать изображение. Из-за ограничений по цвету большинству напечатанных фотографий не хватает глубины. Если вам нужно распечатать фотографии, обратите внимание на форматы TIFF, PSD и JPG.
  • Вам нужно многослойное редактируемое изображение. GIF — это плоский формат изображения, что означает, что все изменения сохраняются в один слой изображения и не могут быть отменены. Рассмотрите файл PSD (Photoshop) для полностью редактируемого изображения.

PNG

PNG — это растровый формат без потерь, обозначающий Portable Network Graphics. Думайте о PNG как о GIF следующего поколения. Этот формат имеет встроенную прозрачность, но также может отображать более высокую глубину цвета, что выражается в миллионах цветов. PNG являются веб-стандартом и быстро становятся одним из самых распространенных форматов изображений, используемых в Интернете.

Стикеры единорога от _ELM_Trauby mascot от ktoons
Используйте PNG, когда…
  • Вам нужна качественная прозрачная веб-графика . Изображения PNG имеют переменный «альфа-канал», который может иметь любую степень прозрачности (в отличие от GIF-файлов, у которых есть только включение/выключение прозрачности). Кроме того, с большей глубиной цвета у вас будет более яркое изображение, чем у GIF.
  • У вас есть иллюстрации с ограниченными цветами . Хотя подойдет любое изображение, файлы PNG лучше всего использовать с небольшой цветовой палитрой.
  • Вам нужен небольшой файл . Файлы PNG могут уменьшаться до невероятно маленьких размеров, особенно изображения с простыми цветами, формами или текстом. Это делает его идеальным типом файла изображения для веб-графики.
Не используйте PNG, когда…
  • Вы работаете с фотографиями или произведениями искусства. Благодаря высокой глубине цвета PNG этот формат может легко обрабатывать фотографии высокого разрешения. Однако, поскольку это веб-формат без потерь, размеры файлов, как правило, становятся очень большими. Если вы работаете с фотографиями в Интернете, используйте JPEG.
  • Вы имеете дело с проектом печати. Графика PNG оптимизирована для экрана. Вы определенно можете распечатать PNG, но вам лучше использовать файл JPEG (с потерями) или TIFF.

TIFF/TIF

TIFF — это растровый формат без потерь, обозначающий Tagged Image File Format. Из-за чрезвычайно высокого качества этот формат в основном используется в фотографии и настольных издательских системах. Скорее всего, вы столкнетесь с файлами TIFF при сканировании документа или фотографировании с помощью профессиональной цифровой камеры. Обратите внимание, что файлы TIFF также можно использовать в качестве «контейнера» для изображений JPEG. Эти файлы будут намного меньше, чем традиционные файлы TIFF, которые обычно очень велики.

Вы должны использовать TIFF, когда…
  • Вам нужна высококачественная печатная графика. Наряду с RAW файлы TIFF относятся к графическим форматам самого высокого качества из доступных. Если вы печатаете фотографии, особенно огромных размеров, используйте этот формат.
  • Вы выполняете высококачественное сканирование . Использование формата TIFF для сканирования документов, фотографий и иллюстраций гарантирует, что у вас будет наилучший исходный файл для дальнейшей работы.
Не использовать в формате TIFF, когда…
  • Вы работаете с веб-графикой. Хотя его поддерживают многие веб-браузеры, файлы TIFF оптимизированы для печати. Используйте JPEG или PNG, если вам нужно отображать высококачественные изображения в Интернете.

RAW

Формат необработанного изображения содержит необработанные данные, полученные цифровой камерой или датчиком сканера. Как правило, изображения обрабатываются (настраиваются по цвету, балансу белого, экспозиции и т. д.), а затем конвертируются и сжимаются в другой формат (например, JPEG или TIFF). Необработанные изображения хранят необработанные и обработанные данные в двух отдельных файлах, поэтому у вас остается изображение максимально возможного качества, которое вы можете редактировать без разрушения с помощью приложения для редактирования фотографий, такого как Photoshop. Существуют десятки необработанных форматов, но некоторые из типичных форматов — это CRW (Canon), NEF (Nikon) и DNG (Adobe).

через Adobe
Вам следует использовать RAW, когда…
  • Вы снимаете и редактируете фотографии . Убедитесь, что ваша камера настроена на формат RAW, чтобы вы могли снимать наиболее универсальные изображения. Затем используйте совместимое приложение для редактирования фотографий, чтобы настроить изображение.
Не используйте RAW, когда…
  • Вы работаете с веб-графикой. RAW создан для редактирования фотографий. Когда вы будете готовы представить свои фотографии в Интернете, конвертируйте их в JPEG.
  • Вы готовы печатать фотографии. Многие принтеры не принимают необработанные форматы, поэтому сначала конвертируйте их в JPEG или TIFF.

PSD

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

Вам следует использовать PSD, когда…
  • Пришло время ретушировать фотографий. Нужно исправить цвет фотографии? Или добавить слой текста? PSD = фотографии.
  • Вам нужно отредактировать иллюстрацию для цифровой печати или печати. Это может быть фотография, картина, рисунок или что-то еще. Photoshop — правильный инструмент, чтобы убедиться, что каждая линия, тень и текстура на месте.
  • Вам нужно цифровых изображений для Интернета , таких как изображения для социальных сетей, рекламные баннеры, заголовки электронных писем, видео и т. д. Создание этих изображений в Photoshop обеспечит их правильный размер и оптимизацию для Интернета.
  • Вам необходимо создать макет веб-сайта или приложения . Слои упрощают перемещение элементов пользовательского интерфейса.
  • Вы хотите пофантазировать с анимацией и видео. Photoshop позволяет легко нарезать простые видеоклипы и добавлять графику, фильтры, текст, анимацию и многое другое.
Не используйте PSD, когда…
  • Вам необходимо разместить фотографию в Интернете или отправить клиенту превью. Сеть поддерживает формат JPEG. Сначала конвертируйте, чтобы убедиться, что ваша аудитория увидит ваше изображение (чтобы загрузка не заняла несколько минут).
  • Вы готовы печатать фотографии. Многие принтеры не принимают формат PSD, поэтому сначала преобразуйте его в JPEG или TIFF.

Форматы векторных файлов


Что такое векторное изображение

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

Плакат Walk for Life от Adwindesign для Salam_hДетский книжный персонаж от RVST® для SoccerpoetДизайн логотипа от Spoon Design

Векторные изображения обычно используются для логотипов, значков, набора и цифровых иллюстраций. Adobe Illustrator — это стандартный редактор изображений, который используется для создания, проектирования и редактирования векторных изображений (хотя он также может включать растровые изображения).

PDF

PDF означает Portable Document Format и представляет собой формат изображения, используемый для правильного отображения документов и графики независимо от устройства, приложения, операционной системы или веб-браузера. По своей сути файлы PDF имеют мощную основу векторной графики, но также могут отображать все, от растровой графики до полей форм и электронных таблиц. Поскольку это почти универсальный стандарт, PDF-файлы часто являются форматом файлов, запрашиваемым типографиями для отправки окончательного проекта в производство. Как Adobe Photoshop, так и Illustrator могут экспортировать прямо в PDF, что упрощает создание дизайна и его подготовку к печати.

Плакат Окленда Мартиса Люпуса Плакат йоги Трисикстина для йоги с Лео
Вам следует использовать PDF, когда…
  • Вы готовы распечатать . Как мы уже упоминали, многие типографии предпочитают PDF в качестве основного формата доставки из-за его повсеместного распространения. Обратитесь к своему принтеру, чтобы узнать, как они хотели бы, чтобы вы подготовили файл.
  • Вы хотите отображать документов в Интернете . Вы не будете использовать PDF для одного значка или логотипа, но он отлично подходит для плакатов, листовок, журналов и буклетов. PDF-файлы будут хранить весь ваш дизайн в одном пакете, что упрощает просмотр, загрузку или печать.
Не используйте PDF, когда…
  • Вам необходимо отредактировать свой дизайн. PDF-файлы — отличные контейнеры, но для содержимого используйте другие приложения. Вы можете редактировать растровые изображения в Photoshop и векторную графику в Illustrator. Когда вы закончите, вы можете объединить их в PDF для удобства просмотра.

EPS

EPS — это формат изображения, обозначающий Encapsulated PostScript. Хотя он используется в основном как векторный формат, файл EPS может включать данные как векторного, так и растрового изображения. Как правило, файл EPS включает один элемент дизайна, который можно использовать в более крупном проекте.

by artsigmaby Dusan Klepicby Sava Stoic
Вы должны использовать EPS, когда…
  • Вам нужно отправить векторный логотип клиенту, дизайнеру или в типографию. С файлом EPS вам не нужно беспокоиться о том, где будет размещен или напечатан логотип. Независимо от размера, он всегда будет отображаться с правильным разрешением.
Не используйте EPS, когда…
  • Вы имеете дело с фотографиями или произведениями искусства. EPS может обрабатывать растровые изображения, но этот тип файла изображения в основном предназначен для векторов. Работайте с PSD, TIF или JPEG, когда у вас есть фотопроект.
  • Вам нужно отобразить изображение онлайн. Сначала экспортируйте в JPEG, PNG или GIF.

SVG

SVG означает Scalable Vector Graphics и представляет собой формат векторного изображения на основе XML для двумерной графики. Его можно искать, индексировать, масштабировать и сжимать, что может привести к уменьшению размера файлов по сравнению с файлами других форматов, что делает его идеальным для Интернета. Файлы SVG можно редактировать как в графических редакторах, так и в текстовых редакторах.

Вы должны использовать SVG, когда…
  • Вы хотите создавать компьютерные графики и диаграммы для публикации в Интернете.
Не используйте SVG, когда…
  • Вам нужен формат файла для рабочего процесса печати.

AI

AI — это проприетарный формат векторного изображения, обозначающий Adobe Illustrator. Формат основан на стандартах EPS и PDF, разработанных Adobe. Как и эти форматы, файлы AI в основном представляют собой векторный формат, хотя они также могут включать встроенные или связанные растровые изображения. Файлы AI можно экспортировать как в файлы PDF, так и в файлы EPS (для удобного просмотра и печати), а также в форматы JPEG, PNG, GIF, TIFF и PSD (для использования в Интернете и дальнейшего редактирования).

Вы должны использовать ИИ, когда…
  • Вам нужно отредактировать векторный дизайн . Файлы AI позволяют вам перемещать и изменять каждый отдельный элемент вашего дизайна всего одним или двумя щелчками мыши.
  • Вам необходимо создать логотип, значок или талисман бренда . Каждую векторную фигуру и линию, созданные в Illustrator, можно увеличить до любого размера, что делает его идеальным для изображений, которые нужно использовать разными способами.
  • Вам нужен одностраничный печатный образец . Illustrator идеально подходит для плакатов, визитных карточек, листовок и карточек для заметок, которые можно комбинировать с другими растровыми изображениями.