Какой формат поддерживает слои?

Форматы графических файлов

Форматы файлов — основа работы с цифровыми фотографиями. FotoTips.ru расскажет вам о всех основных форматах графических файлов.

Формат файлов содержащий необработанную информацию, поступающую напрямую с матрицы фотокамеры. Эти файлы не обрабатываются процессором камеры (в отличие от JPG) и содержат оригинальную информацию о съемке. RAW может быть сжат без потери качества.

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

Заметка. Разные производители фототехники используют разные алгоритмы для создания RAW в своих камерах. Каждый производитель придумывает собственное разрешение для своего RAW-файла — NEF — Nikon, CR2 — Canon…

JPEG (он же JPG).

Это самый распространенный формат графических файлов.

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

В JPG применяется алгоритм сжатия с потерей качества. Что это нам дает? Явный минус такой системы — потеря качества изображения при каждом сохранении файла. С другой сжатие изображения в 10 раз упрощает передачу данных.

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

Формат TIFF очень популярен для хранения изображений. Он позволяет сохранять фотографии в различных цветовых пространствах (RBG, CMYK, YCbCr, CIE Lab и пр.) и с большой глубиной цвета (8, 16, 32 и 64 бит). TIFF широко поддерживается графическими приложениями и используется в полиграфии.

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

Право на формат TIFF в данный момент принадлежит компании Adobe. Photoshop может сохранять TIFF без объединения слоев.

Формат PSD используется в программе Photoshop. PSD позволяет сохранять растовое изображение со многими слоями, любой глубиной цвета и в любом цветовом пространстве.

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

Так же PSD поддерживает сжатие без потери качества. Но обилие информации, которое может содержать PSD файл, сильно увеличивает его вес.

Формат BMP один из первых графических форматов. Его распознает любая программа работающая с графикой, поддержка формата интегрирована в операционные системы Windows и OS/2.

BMP хранит данные с глубиной цвета до 48 бит и максимальным размером 65535×65535 пикселей.
На данный момент формат BMP практически не используеться ни в интернете (JPG весит в разы меньше), ни в полиграфии (TIFF справляеться с этой задачей лучше).

Формат GIF был создан на заре интернета для обмена изображениями. Он может хратить сжатые без потери данных изображения в формате до 256 цветом. Формат GIF идеально подходит для чертежей и графиков, а так же поддерживает прозрачность и анимацию.
Так же GIF поддерживает сжатие без потери качества.

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

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

JPEG 2000 (или jp2).

Новый графический формат, созданный для замены JPEG. При одинаковом качестве размер файла в формате JPEG 2000 на 30% меньше, чем JPG.

При сильном сжатии JPEG 2000 не разбивает изображение на квадраты, характерные формату JPEG.

К сожалению, на данный момен этот формат мало распростанён и поддерживается только браузерами Safari и Mozilla/Firerox (через Quicktime).

Формат изображений TIFF: сфера применения и отличия от других расширений

TimeWeb.com/ru/community/article/11/11b628f7404e9e355545d61576c88d10.jpg» />

Рассказываю о формате TIFF. О том, как его открыть, чем он примечателен и где его обычно используют.

Что такое TIFF?

TIFF расшифровывается как Taggem Image File Format. Это графический контейнер, хранящий в себе растровые изображения. Формат отличается высоким качеством картинки с повышенной глубиной цвета и несколькими вариантами компрессии данных: с потерями в качестве и без потерь. TIFF также поддерживает многослойность.

TIFF был разработан компанией Aldus (ныне поглощена фирмой Adobe). Формат появился в середине 80-х годов и быстро превратился в стандарт для хранения высококачественных цветных картинок. Но он уступил JPEG, потому что тот был легче и лучше подходил для использования в интернете. После этого роль TIFF в мире изменилась.

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

Характеристика формата

С технической точки зрения Tagged Image File Format имеет следующие свойства:

Тип

Bitmap (когда для отображения картинки используется битовая карта)

Глубина цветов

Варианты сжатия

Без сжатия, RLE, LZW, CCITT, JPEG

Максимальный размер изображения

Возможность хранить несколько изображений в одном файле

Разработчик

Поддерживаемые платформы

MS-DOS, Mac, UNIX-подобные системы

Приложения, поддерживающие формат

Смотри в соответствующей подглаве

Поля с дополнительной информацией

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

Благодаря своим спецификациям TIFF стал одним из самых универсальных и диверсифицированных форматов для хранения изображений из всех существующих. Этому способствуют поддержка нескольких типов сжатия данных и возможность модифицировать сам формат. Этим и занимаются сторонние разработчики, превращая TIFF в удобное хранилище изображений под различные платформы и ПО.

Где используется TIFF

В первую очередь TIFF нужен для хранения нескольких изображений с метаданными в одном файле. Он может содержать в себе одну или несколько JPEG-картинок (сжатых с потерями) или картинок в формате PackBits (сжатых без потерь).

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

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

Приложения, поддерживающие TIFF

ПО для работы с .TIF выбирают в зависимости от поставленных задач.

Чтобы посмотреть содержимое файла, можно использовать программы, встроенные в систему – Apple Preview в macOS или Microsoft Photos в Windows 10. В Linux и в мобильных ОС есть аналогичные утилиты. Также предпросмотр файлов доступен в некоторых онлайн-сервисах – к примеру, облачных хранилищах Google Drive и Dropbox.

Для редактирования файлов используются продукты компании Adobe, зачастую это Photoshop или Illustrator. Но есть и другие утилиты попроще, к примеру, Microsoft Paint.

В тот же список попадают:

• CorelDraw Graphics Suite.
• Roxio Toast 18.
• ACD Systems ACDSee Photo Studio.
• MacPhun Color Strokes.
• Sketch.
• Pixelmator Pro.
• GIMP.

Прочие преимущества TIFF

.TIF можно редактировать и сохранять много раз, не теряя в качестве. Можно взять файл из Photoshop, который уже был отредактирован, и снова начать над ним работать уже в другом редакторе. При этом разрешение и цветовой диапазон картинки останутся без изменений независимо от того, какому виду обработки ее подвергнуть. В общем, все детали и цвета будут сохранены.

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

Недостатки TIFF

Размер .TIF-файлов может быть избыточным (до 4 Гбайт). Хранить такие массивные картинки (или их пачки) сложно как онлайн, так и офлайн. Явно возрастут траты на жесткие диски или место в «облаке».

Из-за большого веса, многослойности и специфичных алгоритмов сжатия .TIF загружается медленно. Поэтому его не рекомендуют использовать для публикации в интернете, предлагая альтернативные форматы (JPEG, PNG и WebP).

Для редактирования файла необходимо специальное программное обеспечение. Нередко оно стоит больших денег – тот же Corel PaintShop Pro обойдется в 129 долларов.

Сравнение TIFF с другими форматами

Посмотрим, чем .TIF отличается от других часто используемых расширений:

1. PNG-картинки весят заметно меньше и вместе с тем сохраняют высокое качество. PNG отображают миллионы цветов и могут иметь прозрачный фон. Они подходят для веб-дизайна, логотипов, инфографик, схем и т.п. Но PNG не сохраняет столько данных, сколько может сохранить TIFF, поэтому для печатной продукции подходит меньше.
2. JPEG – основной формат, используемый для публикации изображений на веб-страницах. JPEG много теряет в качестве при сжатии, поэтому не подходит для редактирования. Для печати тоже не годится, так как у него хромает детализация. Но зато он не разрастается до 4 Гбайт, как это делает TIFF, и всегда остается довольно компактным, что позволяет экономить пространство на диске.
3. GIF – самый компактный среди форматов, если речь идет о хранении изображений. Этому способствует ограниченный набор цветов (всего 256). Но это касается только тех случаев, когда в GIF хранится статическая картинка.
4. RAW – формат, используемый в фотосъемке. Образуется, когда камера захватывает максимальное количество информации в кадре и не удаляет данные в угоду сжатию. Такой подход оставляет больший простор для редактирования снимков. TIFF тоже содержит много информации, но в плане работы с фотографиями уступает RAW.

Лекция 5: Графические форматы файлов. Сканирование изображений

Цели занятия

• познакомить учащихся с основными форматами растровых изображений;
• познакомить с возможностью конвертации форматов;
• научить выбирать оптимальные параметры при сканировании изображений.

Содержание занятия

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

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

Собственные форматы файлов

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

«Родным» форматом для CorelDRAW является CDR, который чаще всего и используют. Для Microsoft Word собственным форматом является DOC, для Adobe Flash — формат FLA и т. д. Для графического редактора Adobe Photoshop собственным форматом является PSD, в котором можно сохранять не только графическую информацию, но и слои, и каналы. Adobe Photoshop, несомненно, является известнейшим средством редактирования изображений в мире. Популярность Photoshop вынудила другие графические программы поддерживать формат PSD, чтобы художники могли экспортировать и импортировать файлы в Photoshop без необходимости предварительно конвертировать их в общедоступный файловый формат.

Существует большое количество стандартных форматов растровой графики. Рассмотрим только самые распространенные из них.

BITMAP

BITMAP (битовая карта) — один из первых растровых форматов. Формат отличает очень большой объем файла, поскольку данные записываются по каждому пикселу отдельно. Он представляет собой чрезвычайно простую структуру и служит для описания и визуализации небольших изображений-пиктограмм (icons), широко применяемых в графических интерфейсах Windows, а также используется в мультимедийных презентациях.

Существует несколько разновидностей этого формата. Нам наиболее знаком вариант с расширением *.bmp, поддерживающий данные до 24 b/p.

Растровый формат GIF (Graphics Interchange Format ) был разработан компанией CompuServe Inс. в 1987 году для обеспечения сжатия цветных растровых файлов, загружаемых по телефонной линии и в компьютерных сетях.

Формат GIF позволяет хранить данные цветовой глубины только от 1 до 8 b/p. GIF использует очень эффективный архиватор. Формат нашел широкое применение на Web-страницах для изображений с небольшим количеством цветов (знаки, логотипы, кнопки, элементы оформления). Также мультимедийные программы позволяют вставлять изображения в формате GIF.

Особенности формата: изображение рисуется сверху вниз с изменением четкости и детальности (опция — чересстрочный ( interlacing )), формат позволяет задать прозрачную область или определить прозрачный цвет, что позволяет размещать изображения на любом фоне.

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

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

Формат JPEG создан комитетом по стандартам Joint Photographic Experts Group (Объединенная группа экспертов по фотографии) в 1987 г. для хранения фотореалистичных изображений — фотографий. Основанный на особенностях человеческого зрения, этот формат использует алгоритмы сжатия с потерями и обеспечивает значительное уменьшение файла. Сжатие JPEG называют убыточным ( lossy ) — данные изображения теряются, когда файл сжимается, что вызывает ухудшение качества изображения.

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

Формат JPEG поддерживает глубину цвета до 24 b/p. Поскольку формат имеет очень маленький объем файла, он получил большое распространение в Web-публикациях и в библиотеках изображений в тех случаях, когда требуется многоцветное фотореалистичное изображение.

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

Формат PNG (Portable Network Graphics — переносимая сетевая графика ) специально создан для размещения графики на Web-страницах. Этот формат молод и соединяет в себе достоинства форматов GIF и JPEG. Он позволяет значительно сжать файл с изображением без потери качества, но при этом не ограничен палитрой из 256 цветов, поддерживает 8, 24 и 32 (24 b/p плюс альфаканал) b/p.

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

Формат PNG не поддерживает прозрачность, но может включать один альфа-канал, который делает часть изображения прозрачной в браузере, поддерживающем каналы PNG. Как и в GIF, здесь обеспечивается поэтапное отображение с чересстрочной разверткой.

Одним из самых распространенных растровых форматов, используемых при подготовке изображений к печати, является TIFF (Target Image File Format), созданный Aldus Corporation в 1986 г. для преодоления трудностей, которые возникали при переносе графических файлов с IBM-совместимых компьютеров на Macintosh и обратно.

TIFF поддерживает несколько схем сжатия и специальные функции управления изображением. LZW -сжатие является безубыточной (non- lossy ) схемой сжатия данных — когда файл сжимается, никакие данные не уничтожаются и не должно произойти ни малейшего ухудшения качества.

TIFF сегодня — это стандартный файловый формат, поддерживаемый большинством графических программ создания и обработки изображений, а также программными пакетами верстки. Формат поддерживает данные до 32 b/p. TIFF позволяет сохранять с изображением альфа-канал. В последних версиях программы Adobe Photoshop этот формат позволяет сохранять документы со слоями.

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

Какой формат поддерживает слои?

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

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

Растровые форматы

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

Наиболее распространенные растровые форматы — это Microsoft BMP, PCX, TIFF и TGA.

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

.JPG. Этот формат используется для сжатия изображения в десятки раз. Формат позволяет использовать различные степени сжатия, делая тем самым выбор либо в сторону увеличения качества, либо в сторону уменьшения файла. В профессиональной полиграфии этот формат не используется из-за существенных потерь качества изображения. Для просмотра изображения на экране монитора или для распечатки на принтере качества JPG-формата достаточно. В формате JPG используется метод сжатия jpeg. Этим методом лучше сжимаются растровые изображения фотографического качества и плохо сжимаются логотипы или схемы. В этом формате хорошо и с меньшими потерями сжимаются большие изображения с высоким разрешением 200-300 ppi и плохо сжимаются с низким разрешением 72-150 ppi. Нежелательно сохранять изображения в JPG-формате, где важны все тонкости цветопередачи, так как во время сжатия происходит отбрасывание некоторой цветовой информации. В этом формате следует сохранять только конечный вариант работы, потому что любое пересохранение приводит к новым потерям данных и превращениям изображения в кашу.

.GIF. Это формат растровой графики, созданный специально для КС. Этот формат имеет метод сжатия, который обозначается LZW. Этот формат имеет ограниченную палитру цветов. Основное ограничение GIF состоит в том, что цветное изображение может иметь не больше 256 цветов, поэтому цвета в этом формате становятся грубыми, а само изображение зернистым. Не используется в полиграфии и не рекомендуется для изображений, предназначенных для монитора или принтера. В GIF-формате пиксели изображения записываются через строку. По этой технологии, получив только часть файла уже можно увидеть изображение целиком, но с низким качеством. В случае с контрастностью изображения с четкими границами между цветами или в случае с однотонным изображением при использовании этого формата большая степень сжатия, чем JPG, причем качество не изменяется. В GIF можно оставить один-два цвета прозрачными, и они станут невидимыми в программах-браузерах просматриваемых web-страниц. Прозрачность обеспечивается за счет дополнительного альфа-канала в изображении, которое сохраняется вместе с файлом. Кроме того этот файловый формат может содержать не одну, а несколько растровых картинок, которые Интернет-браузеры могут подгружать одну за другой с указанной в файле частотой. С помощью нескольких картинок создается иллюзия движения, называемая GIF-анимацией. GIF-формат используется для создания web-страниц: баннеров (рекламных заставок), элементов фона.

PNG. Это формат, разработанный относительно недавно, предназначенный для того, чтобы заменить GIF-формат. В нем используется метод сжатия без потерь качества, который обозначается deflate. Сжатые индексированные файлы (с небольшим количеством цветов) имеют меньший размер по сравнению с аналогичными GIF-файлами. Глубина цвета в файлах может быть любой до 48 бит. В отличие от GIF-формата PNG поддерживает не только прозрачность, но и полупрозрачность. В файловом формате PNG записана информация о гаммах коррекции. Гамма представляет собой некоторое число, характеризующее зависимость яркости свечения экрана монитора от напряжения на электродах ? (ЭЛТ). Это число считывается из файла, позволяющего ввести поправку яркости при отображении. Требуется оно для того, чтобы картинки, созданные в ОС Macintosh выглядели одинаково в других ОС. Эта особенность позволяет добиться одинакового отображения информации независимо от аппаратуры пользователя.

EPS. Это самый удобный и универсальный способ хранения графических данных. Предназначен для передачи векторных и растровых изображений в издательские системы. Создается всеми программами, работающими с графикой. Этот формат используется только тогда, когда печать осуществляется на устройстве, поддерживающем язык PostScript. В формате EPS сохраняются данные в буфере обмена у всех графических программ фирмы Adobe. Вместе с EPS-файлами можно сохранять эскизы изображений. Эскиз – это копия с низким разрешением, которая сохраняется вместе с файлом EPS и позволяет увидеть, что находится внутри изображения. Открыть EPS-файл для редактирования могут только программы фирмы Adobe – Photoshop, Illustrator. Остальные графические программы могут открывать только в режиме просмотра.

PDF. Это независящий от графических программ формат для создания электронной документации, презентаций, а также для передачи графики через сети. PDF-файла создаются путем конвертирования из PostScript-файла или функцией экспорта. Программы Photoshop, Illustrator могут создавать только одностраничный файл PDF. Все данные в формате PDF могут сжиматься. Причем к разного типа информации применяются разные типы сжатия. Файл PDF может быть оптимизирован – из него удаляются повторяющиеся элементы, устанавливается постраничный порядок загрузки страниц с приоритетом сначала для текста, потом для графики. Формат PDF используется для передачи по сетям в компактном виде графики и текста. Особенностью многостраничных файлов является то, что они могут сдержать элементы, обеспечивающих поиск и просмотр электронных документов, а также могут содержать гипертекстовые ссылки и электронное оглавление. Наиболее удобным средством для работы с PDF-файлами является программа Acrobat. Причем есть 2 варианта этой программы: Acrobat Professional (для создания многостраничных файлов) и Acrobat Reader (для просмотра PDF-файлов).

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

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

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

Векторные форматы

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

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

Примеры наиболее распространенных векторных форматов — AutoCAD DXF и Microsoft SYLK.

WMF. Это векторный формат, который используется графическими программами ОС Windows. Этот формат служит для передачи векторных изображений через буфер обмена в среде Windows. Этот формат принимается практически всеми программами, работающими с векторной графикой. Использовать этот формат для растровых изображений нельзя. Недостатки: искажение цвета и несохранение ряда параметров, которые устанавливаются для изображений в графических программах.

AI. Внутренний формат программы Illustrator. Может открываться программой Photoshop и кроме того этот формат поддерживают все программы, связанные с векторной графикой. Этот формат является лучшим средством при передаче векторных изображений из одной программы в другую. Растровые графические элементы при передаче через AI-формат в большинстве случаев теряются.

CDR. Это внутренний формат программы Corel Draw. Этот формат имеет большую популярность, как и сам пакет программ. Многие программы могут импортировать векторные файлы в форматы Corel Draw. В формате CDR содержаться и растровые графические объекты. В этом формате применяется компрессия, причем для векторных и растровых файлов применяется разная компрессия.

Метафайловые форматы

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

Наиболее распространенные метафайловые форматы — WPG, Macintosh PICT и CGM.

Форматы изображений для веба

29 сентября 2016

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

Растровые форматы

Для начала рассмотрим форматы, которые относятся к растровой графике: GIF, JPEG, PNG и WebP. Подробнее о растровой графике можно прочитать в статье «Растровая и векторная графика».

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

GIF (Graphics Interchange Format)

Формат был разработан компанией CompuServe в далёком 1987 для передачи растровых изображений по интернету. GIF имеет цветовую палитру, состоящую из 256 цветов. Алгоритм GIF выбирает 256 наиболее используемых в исходном изображении цветов, а все остальные оттенки создаются путём подмешивания — подбора соседних пикселей таким образом, чтобы человеческий глаз воспринимал их как нужный цвет. По этой причине GIF не подходит для хранения полноцветных изображений и фотографий.

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

Особенностью GIF является поддержка анимации, то есть этот формат может хранить несколько кадров, которые сменяют друг друга с определённой частотой.

Пример изображения в формате GIF (источник изображения: giphy.com)

Таким образом, формат GIF подходит если:

• изображение не многоцветное;
• нужна простейшая прозрачность;
• нужна анимация.

JPEG (Joint Photographic Experts Group)

Формат JPEG получил своё название от объединённого комитета экспертов по фотографии, который и создал этот стандарт в конце 80-х — начале 90-х годов. Он был разработан для сжатия и хранения полноцветных фотографий. Поддерживает более 16 миллионов цветов.

Формат JPEG сжимает изображения с потерей качества. Алгоритм сжатия основан на разбиении исходного изображения на квадраты 8×8 пикселей, и последующей их группировке. Можно получать JPEG изображения очень маленького веса, но только за счёт ухудшения качества картинки, можно получить и очень качественные JPEG, но тогда картинка будет слишком тяжёлой. Поэтому главная задача при работе с JPEG — подобрать такой уровень качества, чтобы вес был небольшой и качество картинки было приемлемым (обычно, это диапазон от 60 до 70, но нужно тестировать на каждой картинке).

Пример изображения в формате JPEG с неоптимальной степенью сжатия. Качество: 10. Вес: 20 килобайт.

Первая картинка весит 20 килобайт. Это круто, очень мало, но для этого мы задали уровень качества 10 и картинка выглядит плохо.

Пример изображения в формате JPEG с оптимальной степенью сжатия. Качество: 60. Вес: 65 килобайт.

Вторая картинка с уровнем качества 60 весит чуть больше первой — 65 килобайт, но выглядит уже хорошо.

Пример изображения в формате JPEG с минимальной степенью сжатия. Качество: 95. Вес: 169 килобайт.

Для третьей картинки мы задали уровень качества 95, из-за чего её вес стал 169 килобайт. Вторая и третья картинка внешне почти неразличимы, однако вторая картинка весит на 104 килобайта легче.

Таким образом, формат JPEG лучше подходит для:

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

PNG (Portable Network Graphics)

PNG является относительно недавним форматом, который был введён как альтернатива для GIF-файлов.

PNG является форматом сжатия без потерь и позволяет сохранять изображения, в которых требуется особенная чёткость. Например, чертежи и печатный текст.

Формат имеет две вариации: PNG8 и PNG24. PNG8 может хранить лишь 256 цветов, а PNG24 использует уже более 16 миллионов цветов.

Главная особенность формата PNG — поддержка альфа-прозрачности, то есть каждому пикселю в отдельности можно задать свою степень прозрачности.

Пример изображения в формате PNG (источник изображения: Wikimedia Commons)

Итак, формат PNG подходит для:

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

WebP — новый формат, созданный и развиваемый с 2010 года компанией Google.

Главная цель этого проекта — ещё больше уменьшить вес при сохранении такого же качества.

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

• сжимает изображения без потерь лучше, чем PNG (на 26% по данным Google);
• сжимает изображения с потерями лучше, чем JPEG (на 25–34% по данным Google);
• поддерживает прозрачность (альфа-канал).

Иногда WebP сжимает изображение даже лучше, чем заявляет Google.

JPEG: 44 килобайт WebP: 26 килобайт. Если изображение не видно, значит ваш браузер не поддерживает формат WebP.

Ввиду относительной новизны формата, не все браузеры умеют с ним работать. На сегодняшний день WebP поддерживается только Chrome, Opera и Firefox.

Векторные форматы

GIF, JPEG, PNG, и WebP — растровые форматы, основанные на дискретном (пиксельном, точечном) представлении изображения, в то время как векторные форматы основаны на математических формулах (геометрическом представлении фигур). Подробнее о векторной графике можно прочитать в статье «Растровая и векторная графика».

SVG (Scalable Vector Graphics)

SVG переводится как — масштабируемая векторная графика. Формат существует с 1999 года.

Размер объектов SVG намного меньше размера растровых изображений, а сами изображения не теряют в качестве при масштабировании. В отличие от растровых форматов мы можем взаимодействовать с изображениями в формате SVG — при помощи CSS можно изменять параметры графики: цвет, прозрачность или границы, а при помощи JavaScript — анимировать изображение.

SVG поддерживается почти всеми браузерами за исключением Internet Explorer 8 и ниже, но и это можно решить подключением JavaScript-библиотек, например, SVGeezy.

Формат SVG отлично подходит для малоцветных схем, логотипов и иконок.

Примеры SVG (источники изображений: Roundicons Freebies www.flaticon.com/authors/roundicons-freebies и HTML Academy)

Основные форматы графических файлов, используемых Photoshop

При сохранении готового файла, Photoshop предлагает нам на выбор множество форматов:

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

Из всех форматов файлов, которые поддерживают Photoshop, формат PSD, пожалуй, самый важный.
PSD расшифровывается как «Photo Shop Document», и, как следует из названия, это родной формат файла Photoshop. PSD является одним из немногих типов файлов, которые полностью поддерживают всё множество функций, создаваемых Photoshop, таких, как слои, слой-маски, корректирующие слои, цветовые каналы, контуры и т.д. PSD также служит в качестве рабочего файла. Когда мы открываем изображение в Photoshop, независимо от изначального типа файла этого изображения, Photoshop временно преобразует его в файл PSD, чтобы мы могли применять на нем все инструментами, доступные в Photoshop.

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

Одним из новых преимуществ работы с PSD файлами является то, что теперь они могут быть импортированы непосредственно в Adobe InDesign, давая Вам полный доступ к отдельным слоям в файле при разработке макетов страниц. Вы даже можете снова открыть PSD-файл в Photoshop`е непосредственно из InDesign, внести изменения в файл, сохранить его, после чего изменения немедленно обновятся в макете!

Единственным реальным недостатком PSD-файла является то, что его размер может быть очень большим, особенно если вы работаете с изображением с сотнями или даже тысячами слоёв.

В итоге, PSD-файл является наиболее важным файлом при работе в Photoshop.

Формат JPEG (Joint Photographic Expert Group) используется уже почти 20 лет и является самым популярным и широко используемым форматом файлов для просмотра и использования цифровыми фотографиями. Он поддерживает 24-битный цвет, что означает, что он может воспроизводить примерно 16,7 млн. цветов, и даже самые дешевые цифровые камеры могут сохранять изображения в виде файлов JPEG. Самые навороченные цифровые зеркальные камеры дают вам возможность захвата изображения либо в JPEG, либо в RAW формате.

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

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

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

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

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

Формат GIF (Graphics Interchange Format) даже старше JPEG. Этот формат создавался для веб-графики. Заметьте, для веб-графики, а не веб-фотографии.

GIF-файлы могут отображать только до 256 цветов, это гораздо меньше, чем необходимо для удовлетворительного воспроизведения изображения (и гораздо меньше, чем миллионы цветов, поддерживаемых JPEG).

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

Кроме того, GIF позволяет веб-дизайнерам создавать простые анимации.

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

PNG (Portable Network Graphics) был первоначально создан для замены формата GIF (аббревиатуру PNG также в шутку расшифровывается как «PNG not GIF»). Но PNG так и не смог вытеснить GIF, и GIF-файлы все еще широко применяются на данный момент, но, тем не менее, формат PNG имеет преимущество перед GIF практически в каждом направлении.

Кроме того, PNG имеет некоторые преимущества даже перед JPEG. В то время как файлы JPEG поддерживают 24-битный цвет (до 16,7 миллионов цветов), то PNG-файлы имеют поддержку 48-битного цвета, что дает нам более 1 млрд возможных цветов! Это может показаться впечатляющим, но даже JPEG-файлы поддерживают больше цветов, чем может увидеть человеческий глаз, так что любые реальные различия между 24 и 48-битный цветами в лучшем случае минимальны.

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

Недостаток PNG в том, что он не поддерживает CMYK-цветовое пространство, что означает, что коммерческие принтеры не могут его использовать.

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

PNG файлы также обычно меньше, чем файлы GIF, так что они будут быстрее загружаться в веб-браузере.

И ещё один недостаток. PNG, в отличии от GIF, не поддерживает анимацию.

Как и PSD файлы, TIFF (Tagged Image File Format) является одним из немногих типов файлов, который поддерживает все функции Photoshop и является еще одним вариантом для архивации изображений со сжатием без потерь, что позволяет сохранять фотографии с максимально возможным качеством изображения.
Качество имеет свою цену, файлы TIFF могут быть очень большими, особенно по сравнению с файлами JPEG. TIFF является общепризнанным стандартом для изображений, предназначенных для коммерческой печати и совместим практически со всем программным обеспечением, специализирующемся на компьютерной вёрстке, таким, как QuarkXPress и InDesign.

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

EPS (Encapsulated PostScript) является еще одним стандартным форматом для полиграфической отрасли, который использовался долгое время, но его применение за последние годы снижается. EPS не является стандартом сохранения изображений в традиционном смысле. Вместо этого, он содержит ряд инструкций о том, как принтер должен воспроизводить изображение.
Опция просмотра изображения должна быть встроена в файл EPS, когда вы сохраняете его в Photoshop, если вы хотите в дальнейшем просматривать его на мониторе, иначе вы не сможете увидеть его, пока макет не будет напечатан.

PDF (Portable Document Format) в основном, используется для просмотра, обмена и печати электронных документов, но сейчас PDF набирает популярность как хороший способ для сохранения изображений, предназначенных для печати. Как PSD и TIFF форматах, PDF поддерживает и сохраняет все функции Photoshop, в том числе возможность использования дополнительных цветов. PDF дает нам несколько вариантов сохранения изображений: либо сжатие JPEG с настраиваемым качеством, чтобы сбалансировать качество изображения и размер файла, либо сжатие без потерь, либо ZIP-архивация.

Преимущество формата PDF заключается в том, что любой пользователь, используя бесплатную программу Adobe Reader, может просматривать изображения любого типа, сохранённые в PDF.