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

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

Для начала рассмотрим форматы, которые относятся к растровой графике: 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

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

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

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

Особенности WebP:

• сжимает изображения без потерь лучше, чем 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) Примеры SVG-анимации. Наведите курсор на изображение. (

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

Всю графическую информацию можно разделить на две основные группы: векторную и растровую. Отдельную нишу в векторной графике занимают шрифты.

Растровая графика представляет собой двумерную матрицу (bitmap) состоящую из элементарных частиц - пикселей. Основными параметрами являются размер и разрешение. Размер может выражается в миллиметрах, дюймах, пикселях и т.д., соответственно этот параметр характеризует горизонтальную и вертикальную величину изображения. Второй основной параметр - разрешение - характеризует соотношение количества пикселей на один квадратный дюйм (ppi - pixels per inch или dpi - dot per inch). Для газетной печати растровая графика должна быть в пределах 120-150 dpi, для высококачественной печати с фотовыводом - 250-300 dpi. Большие значения разрешения как правило являются избыточными и несут скорее вред чем пользу, замедляя вывод. Экранное разрешение принято считать 72 dpi (в полиграфии используется только для предварительного просмотра).

BMP (Windows Device Independent Bitmap). Родной формат Windows. Он поддерживается всеми графическими редакторами, работающими под управлением этой операционной системы. Применяется для хранения растровых изображений, предназначенных для использования в Windows и, на этом область его применения заканчивается. Использование BMP не для нужд Windows является достаточно распространенной ошибкой.

GIF (CompuServe Graphics Interchange Format). Независящий от аппаратного обеспечения формат GIF был разработан в 1987 году (GlF87a) фирмой CompuServe для передачи растровых изображений по сетям. В 1989-м формат был модифицирован (GIF89a), были добавлены поддержка прозрачности и анимации. GIF использует LZW-компрессию, что позволяет неплохо сжимать файлы, в которых много однородных заливок (логотипы, надписи, схемы).

JPEG (Joint Photographic Experts Group). Строго говоря JPEG"oм называется не формат, а алгоритм сжатия, основанный не на поиске одинаковых элементов, а на разнице между пикселями.

Чем выше уровень компрессии, тем больше данных отбрасывается, тем ниже качество. Используя JPEG можно получить файл в 1-500 раз меньше, чем BMP! Первоначально в спецификациях формата не было CMYK, Adobe добавила поддержку цветоделения, однако CMYK JPEG во многих программах делает проблемы.

JPEG"ом лучше сжимаются растровые картинки фотографического качества, чем логотипы или схемы.

TIFF , TIF (Target Image File Format). Аппаратно независимый формат TIFF, один из самых распространенных и надежных на сегодняшний день, его поддерживают практически все программы на PC и Macintosh так или иначе связанные с графикой. Ему доступен весь диапазон цветовых моделей от монохромной до RGB, CMYK и дополнительных Шишковых цветов. TIFF может содержать обтравочные контуры, альфа-каналы, слои, другие дополнительные данные.

В формате TIFF есть возможность сохранения с применением нескольких видов сжатия: JPEG, ZIP, но, как правило используется только LZW-компрессия.

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

EPS имеет много разновидностей, что зависит от программы-создателя. Самые надежные EPS создают программы производства Adobe Systems: Photoshop, Illustrator, InDesign.

QXD (QuarkXPress Document). Рабочий формат, известной программы верстки QuarkXPress. Пакет отличается устойчивостью, быстродействием и удобством работы. Главный, так и не побежденный конкурент Adobe Systems, продолжает существовать теперь уже в пятой реинкарнации. Следует отметить так-же, что в ходу до сих пор две предыдущие версии QuarkXPress 3.x и QuarkXPress 4.x. Особая идеология пакета заключается в его возможности приспосабливаться под любые задачи верстальщика. Ведь основные функции выполняют специальные расширения (Xtensions), которых существует больше чем Plug-ins для Photoshop.

РМ (Page Maker). Формат программы верстки Adobe Systems. Чрезвычайно простой в плане возможностей пакет. Предназначался в первую очередь для перехода с ручного вида верстки на компьютерный с минимальными затратами на обучение персонала. Распространение у нас получил благодаря своевременной русификации и опять таки - легкости освоения для новичков. В настоящее время развитие пакета остановлено.

ID (InDesign). Кодовое название "Quark Killer" Последователь РМ, призванный потеснить конкурентов на издательском рынке, в первую очередь Quark. Сборная солянка решений позаимствованных у других пакетов верстки не привела к ожидаемому результату. ID - крайне неповоротливый и неудобный пакет, оказавшийся убийцей только своего прародителя РМ и то по причине прекращения развития последнего.

К преимуществам можно отнести лишь встроенный интерпретатор PostScript и кажущуюся сверхсовместимость с другими продуктами Adobe.

PDF (Portable Document Format) - предложен фирмой Adobe как независимый от платформы формат для создания электронной документации, презентаций, передачи верстки и графики по сетям.

PDF-файлы создаются путем конвертации из PostScript-файлов или функцией экспорта ряда программ. Формат первоначально проектировался как средство хранения электронной документации. Поэтому все данные в нем могут сжиматься, причем по-разному: JPEG, RLE, CCITT, ZIP. PDF может также сохранять всю информацию для выводного устройства, которая была в исходном PostScript-файле.

Adobe PostScript - язык описания страниц. Был создан в 80-х годах для реализации принципа WYSIWYG (What You See is What You Get). Файлы этого формата фактически представляют собой программу с командами на выполнение для выводного устройства. Такие файлы содержат в себе сам документ, связанные файлы, использованные шрифты, а так же другую информацию: платы цветоделения, дополнительные платы, линиатуру растра и форму растровой точки для каждой платы и другие данные для выводного устройства.

Данные в PostScript-файле, как правило, записываются в двоичной кодировке (Binary). Бинарный код занимает вдвое меньше места, чем ASCII.

CDR - формат популярного векторного редактора CorelDraw. Свою популярность и распространение пакет получил благодаря кажущейся простоте использования и интерактивным спецэффектам (линзам, прозрачностям, нестандартным градиентам и т.д.). Широкие возможности этой программы, в плане эффектов, объясняются более богатым внутренним языком описания страниц нежели у продуктов Adobe, использующих PostScript. Именно это и является основным минусом CorelDraw. PostScript c кореловскими спецэффектами зачастую является головной болью типографий и препресс бюро.

CCX - формат векторной графики от компании Corel. Кроме CorelDraw ничем не поддерживается. Для полиграфии и Интернета непригоден. К преимуществам можно отнести лишь небольшой объем файлов, сохраненных в этом формате и наличие множества отличных клипартов.

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

Графические форматы могут содержать в себе массу дополнительной информации: альфа-каналы, пути, цветовую модель, линиатуру растра и даже анимацию. Выбор формата для полиграфической продукции в первую очередь зависит от выводного устройства. Фотонаборные автоматы работают под управлением языка PostScript. Поэтому для полиграфии основными форматами хранения данных являются TIFF и EPS. Соответственно формат растровой и векторной графики. В последнее время набирает силу PDF (Portable Document Format).

TIFF подходит только в случае передачи растровой графики. Этот формат позволяет хранить в себе много полезной информации: альфа-каналы, цветовую модель, пути и даже слои (при использовании Adobe Photoshop 6-7). Однако для повышения надежности вывода многие бюро допечатной подготовки не рекомендуют оставлять в конечных файлах дополнительные каналы и слои. Для перестраховки, если нет возможности проконсультироваться с типографией, компрессию тоже лучше отключить. Не следует так же сохранять текстовые надписи и векторную графику в формате TIFF. Даже с разрешением в 300 dpi они на печати будут выглядеть с эффектом "пилы". Для того чтобы избежать подобных дефектов предусмотрен формат EPS, позволяющий содержать в себе растровую и векторную графику, шрифты и другую полезную информацию. Однако довольно часто приходится сталкиваться с вот каким любопытным заблуждением: при открытии файла EPS (созданного с помощью Illustrator или Corel Drow) программой растровой графики Photoshop, пользователи продолжают свято верить в то, что до сих пор работают с векторной графикой. Нет, дорогие мои, в каком бы формате вы потом не сохранили, на выходе вы получите только растр и ничего более. Открывая любой файл с векторной графикой Photoshop"ом вы тем самым растрируете его, то есть превращаете в растровый формат. Исключением могут быть только EPS созданные непосредственно в Photoshop"е 6-7 версии. Шрифты и векторные примитивы, в таком случае останутся векторными и на выводе. Такой формат называется Photoshop EPS. Разновидностей EPS существует достаточно много, они отличаются наличием изображений предварительного просмотра, композитного или сепарированного изображения, кодировки и компрессии. Но все они сходятся в одном - EPS основывается на языке описания страниц PostScript, который, в свою очередь является стандартом для полиграфических выводных устройств. Поэтому, следует учитывать, что все файлы в других форматах, например CDR и ССХ, необходимо принудительно конвертировать в PS. При этом не всегда адекватно команды одного языка переводятся в другой и результатом такого преобразования могут быть в лучшем случае испорченные пленки, в худшем - весь тираж. Поэтому и отношение работников типографии к таким форматам и программам соответствующее. Однако это вовсе не означает, что все поголовно должны подготавливать векторную графику в Illustrator а растровую в Photoshop, просто при подготовке графики в ином пакете нужно ограничивать свой полет "фантазии" и особенно тщательно проверять выходные файлы на наличие PostScript ошибок. В отличии от других пакетов, пакет Adobe Illustrator был разработан как интерфейс языка PostScript и ему не требуется конвертировать свои файлы чтобы на выходе получить формат понятный для выводного устройства. В девятой и десятой версии Иллюстратора базовым форматом является PDF что также не является проблемой для вывода, т.к. он представляет собой практически "очищенный" EPS. Все предыдущие версии базируются на PostScript.

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

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

1. растровому графическому файлу соответствуют форматы *.bmp, *.tif, *psd, *.gif, *.png, *.jpg;
2. векторному графическому файлу соответствуют форматы *.wmf, *.eps, *.cdr, *.ai

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

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

RAW

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

Другими словами, под форматом RAW понимаются данные, полученные напрямую с матрицы без обработки.

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

JPEG (или JPG)

Это самый распространенный формат графических файлов. Свою популярность JPEG заслужил гибкой возможностью сжатия данных. При необходимости изображение можно сохранить с максимальным качеством. Либо сжать его до минимального размера файла для передачи по сети. При сохранении JPEG-файла можно указать степень качества, а значит и степень сжатия, которую обычно задают в некоторых условных единицах, например, от 1 до 100 или от 1 до 10. Большее число соответствует лучшему качеству, но при этом увеличивается размер файла. Обыкновенно, разница в качестве между 90 и 100 на глаз уже практически не воспринимается.

В JPEG применяется алгоритм сжатия с потерей качества. Что это нам дает? Явный минус такой системы – потеря качества изображения при каждом сохранении файла. С другой сжатие изображения в 10 раз упрощает передачу данных. На практике, сохранение фотографии с минимальной степенью сжатия не дает видимого ухудшение качества изображения. Именно поэтому JPG – самый распространенный и популярный формат хранения графических файлов.

TIFF (Tagged Image File Format)

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

PSD (Photoshop Document)

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

BMP (Bit MaP image)

Bit MaP image (BMP) - универсальный формат растровых графических файлов, используется в операционной системе Windows. Этот формат поддерживается многими графическими редакторами, в том числе редактором Paint. Рекомендуется для хранения и обмена данными с другими приложениями. Формат BMP один из первых графических форматов. Его распознает любая программа работающая с графикой. BMP хранит данные с глубиной цвета в данном формате от 1 до 48 бит на пиксель, максимальные размеры изображения 65535×65535 пикселей. На данный момент формат BMP практически не используеться ни в интернете (JPG весит в разы меньше), ни в полиграфии (TIFF справляеться с этой задачей лучше).

GIF (Graphics Interchange Format)

формат хранения растровых графических изображений. Формат GIF способен хранить сжатые данные без потери качества в формате до 256 цветов. Включает алгоритм сжатия без потерь информации, позволяющий уменьшить объем файла в несколько раз. Изображение в формате GIF хранится построчно, поддерживается только формат с индексированной палитрой цветов. Рекомендуется для хранения; изображений, создаваемых программным путем (диаграмм, графиков и так далее) и рисунков (типа аппликации) с oгpaниченным количеством цветов (до 256). Используется для размещения графических изображений на Web-страницах в Интернете.

PNG (Portable network graphics)

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

JPEG 2000 (или jp2)

Графический формат, который вместо дискретного косинусного преобразования, характерного для JPEG, использует технологию вейвлет-преобразования, основывающуюся на представлении сигнала в виде суперпозиции некоторых базовых функций - волновых пакетов. В результате такой компрессии изображение получается более гладким и чётким, а размер файла по сравнению с JPEG при одинаковом качестве уменьшается ещё на 30%. Говоря простым языком, при одинаковом качестве размер файла в формате JPEG 2000 на 30% меньше, чем JPG. При сильном сжатии JPEG 2000 не разбивает изображение на квадраты, характерные формату JPEG. К сожалению, на данный момен этот формат мало распространён и поддерживается только браузерами Safari и Mozilla/Firerox (через Quicktime).

WMF (Windows MetaFile)

Универсальный формат векторных графических файлов для Windows-приложений. Используется для хранения коллекции графических изображений Microsoft Clip Gallery.

CDR (CorelDRaw files)

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

AI (AdobeIllustrator files)

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

EPS (Encapsulated PostScript)

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

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

Формат BMP(Bitmap– карта пикселов) разработан компаниейMicrosoftи применяется в ОСWindowsдля представления растровой графики. Позволяет хранить данные о цвете в значениях цветовой моделиRGB(до 16 млн. оттенков) или в таблице цветов (до 256 оттенков). Этот формат использует сжатие по методу RLE. Использование этого формата не желательно в WWW ни в полиграфии (это связано с тем, что этот формат разработан конкретно подWindows).

JPEG (Joint Photographic Experts Group). Строго говоря, JPEG`ом называется не формат, а алгоритм сжатия, основанный не на поиске одинаковых элементов, как в RLE и LZW, а на разнице между пикселами. Кодирование данных происходит в несколько этапов.

1. Дискретизация . Данные пикселов преобразуются из цветового пространстваRGBв цветовое пространствоYCbCr(Yзадает яркость точки изображения,CbиCrопределяют цветность. Первая компонента задает синеву, вторая – красноту. Называют телевизионной моделью (совместимость цветных изображений с черно-белыми)). Изображение делится на блоки 8х8 пикселов.

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

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

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

Восстановление данных происходит в обратном порядке.

Таким образом, чем выше уровень компрессии, тем больше данных отбрасывается, тем ниже качество. Используя JPEG можно получить файл в 1-500 раз меньше, чем ВМР! Формат аппаратно независим, полностью поддерживается на РС и Macintosh, однако он относительно нов и не понимается старыми программами (до 1995 года). JPEG не поддерживает индексированные палитры цветов.

Из сказанного можно сделать следующие выводы.

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

2. Лучше сжимаются и с меньшими потерями большие изображения для web или с высоким печатным разрешением (200-300 и более dpi), чем с низким (72-150 dpi), т.к. в каждом квадрате 8х8 пикселов переходы получаются более мягкие, за счет того, что их (квадратов) в таких файлах больше.

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

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

GIF (CompuServe Graphics Interchange Format)

Независящий от аппаратного обеспечения формат GIF был разработан в 1987 году (GIF87a) фирмой CompuServe для передачи растровых изображений по сетям. В 1989-м формат был модифицирован (GIF89a), были добавлены поддержка прозрачности и анимации. GIF использует LZW-компрессию, что позволяет неплохо сжимать файлы, в которых много однородных заливок (логотипы, надписи, схемы).

GIF позволяет черезстрочную запись изображения (Interlaced), благодаря чему, имея только часть файла, можно увидеть изображение целиком, но с меньшим разрешением. Это достигается за счет записи, а затем подгрузки, сначала 1, 5, 10 и т.д. строчек пикселов и растягивания данных между ними, вторым проходом следуют 2, 6, 11 строчки, разрешение изображения в интернетовском браузере увеличивается. Таким образом, задолго до окончания загрузки файла пользователь может понять, что внутри и решить, стоит ли ждать, когда файл поднимется весь. Черезстрочная запись незначительно увеличивает размер файла, но это, как правило, оправдывается приобретаемым свойством.

В GIF`e можно назначить один или более цветов прозрачными, они станут невидимыми в браузерах Интернет и некоторых других программах. Прозрачность обеспечивается за счет дополнительного Alpha-канала, сохраняемого вместе с файлом. (Альфа-канал : Дополнительный канал изображения. Он несёт определённую информацию о выделенной области.) Кроме того, файл GIF может содержать не одну, а несколько растровых картинок, которые браузеры могут подгружать одну за другой с указанной в файле частотой. Так достигается иллюзия движения (GIF-анимация).

Основное ограничение формата GIF состоит в том, что цвета хранятся в таблице. Количество цветов в изображении может быть от 2 до 256, но это могут быть любые цвета из 24-битной палитры.

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

PNG (Portable Network Graphics)

PNG - разработанный относительно недавно формат для Сети, призванный заменить собой устаревший GIF. Использует сжатие без потерь Deflate, сходное с LZW (именно из-за патентования в 1995-м году алгоритма LZW возник PNG).

Этот формат, сжимающий графическую информацию без потерь качества, используя алгоритм Deflate, в отличие от GIF или TIFF сжимает растровые изображения не только по горизонтали, но и по вертикали, что обеспечивает более высокую степень сжатия и поддерживает цветные фотографические изображения вплоть до 48-битных включительно. Формат PNG позволяет создавать изображения с 256 уровнями прозрачности. В числе других отличительных особенностей этого формата можно отметить двумерную чересстрочную развертку (т.е. изображение проявляется постепенно не только по строкам, но и по столбцам).

Недостатки

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

2. Этот формат плохо подходит для хранения изображений, не подлежащих печати.

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

TIFF (Tagged Image File Format)

Аппаратно независимый формат TIFF появился как внутренний формат программы Aldus PhotoStyler. Его модульная архитектура оказалась настолько удачной, что, успешно пережив смерть родной программы, TIFF и в наши дни продолжает совершенствоваться и развиваться. Сейчас TIFF – это самый распространенный в полиграфии формат. Надежен, поскольку его поддерживают практически все программы на РС и Макинтош так или иначе связанные с графикой. Возможность записи изображений в формате TIFF является одним из признаков высокого класса современных цифровых фотокамер.

Формат поддерживает множество алгоритмов сжатия (в том числе популярные LZW, Deflate или JPEG), типов изображений от битового (1-, 2-, 4-, 8-, 24- и 32-битные изображения) и индексированных цветов до LAB, CMYK и RGB (кроме дуплексов и многоканальных документов). Кроме того, существуют две разновидности формата, соответственно для IBM PC и Macintosh, обусловленные различным порядком записи чисел, реализуемым на этих платформах. Со сжатием LZW файл TIFF занимает почти столько же места, сколько и GIF, только, в отличие от последнего, TIFF поддерживает полноцветные изображения и хранит в своем теле подробную информацию об изображении - разрешение, тип принтера и другие детали, необходимые для профессиональной работы с изображениями. В этом формате поддерживаются такие чисто профессиональные возможности, как обтравочные контуры, альфа-каналы, возможность сохранять несколько копий изображения с разным разрешением и даже включать в файл слои. Благодаря своей совместимости с большинством профессионального ПО для обработки изображений, формат TIFF очень удобен при переносе изображений между компьютерами различных типов (например, с PC на Маc и обратно).

PSD (Adobe Photoshop)

Формат PSD является стандартным форматом пакета Adobe Photoshop и отличается от большинства обычных растровых форматов возможностью хранения слоев (layers). Он содержит много дополнительных переменных (не уступает TIFF по их количеству) и сжимает изображения, используя алгоритм сжатия без потерь RLE Packbits, иногда даже сильнее, чем PNG (только в тех случаях, когда размеры файла измеряются не в килобайтах, а в десятках или даже сотнях мегабайт). Формат поддерживает глубины цвета, вплоть до 16 бит на канал (48-битные цветные и 16-битные черно-белые), а также альфа-каналы, слои, контуры, прозрачность, векторные надписи и т. п. Прекрасно подойдет для переноса или хранения изображений, содержащих специфические, свойственные только Adobe Photoshop, элементы. Файлы PSD свободно читаются большинством популярных просмотрщиков, но не стоит забывать, что, открыв эти файлы в некоторых графических редакторах третьих фирм, даже декларирующих поддержку формата PSD, можно потерять значительную часть их специфических возможностей (особенно в части работы со слоями.

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

RAW.

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

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

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

JPEG (он же JPG).

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

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

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

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

TIFF.

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

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

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

PSD.

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

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

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

BMP.

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

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

GIF.

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

PNG.

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

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

JPEG 2000 (или jp2).

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

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

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