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

Что представляют собой форматы изображений?

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

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

Понятие векторной и растровой графики

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

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

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

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

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

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

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

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

CDR - векторный формат графического редактора Corel Draw. Обработать его можно только таким программным пакетом. Другими редакторами не поддерживается, но легко экспортируется в другие форматы.

AI - формат программы Adobe Illustrator, поддерживаемый большинством других редакторов. Главная особенность - наивысшая стабильность изображения и полная совместимость с технологией PostScript. Может использоваться как промежуточный формат при переводе из одного в другой.

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

Изображения большого формата

Если говорить об большого формата, где требуется учесть высокую детализацию, то стоит использовать RAW, TIFF или PSD.

Однако, многие профессиональные фото- и видеокамеры, обладающие матрицами на уровне 20-25 Мп, имеют собственные стандарты. Большинство из них адаптировано к наиболее распространенным типам форматов. Здесь все зависит только от настроек самой камеры. То же самое касается и мобильных девайсов.

Основные типы видео и анимации

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

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

Чуть позже появились такие известные форматы, как WMV, MPG, MKV, MP4, VOB, TS и многие другие, причем последние можно рассматривать даже как форматы изображения телевизора высокого разрешения, позволяющего воспроизводить файлы со стандартами качества HD, Full HD (2k) или Ultra HD (4k).

Что касается анимации, сегодня наиболее известной является технология Flash. Изначально это была разработка корпорации Macromedia, но потом ее выкупила компания Adobe и существенно модернизировала. Формат таких файлов - SWF. Он применяется в основном для создания небольших анимационных роликов, компьютерной мультипликации, баннеров или для простеньких игр.

Мобильные системы

Если говорить о мобильных системах (смартфонах или планшетах на базе Android, iOS, Blackberry и т.д.), то специализированные форматы изображений встречаются крайне редко. В основном используются стандартные компьютерные форматы изображений и для графики, и для видео. Однако, без установленных кодеков и декодеров некоторые типы видео воспроизводиться не будут. Именно поэтому придется решать проблему конвертирования исходного материала в другой тип.

К примеру, обычные телефоны воспринимают только формат 3GP. Android или iOS рекомендуют использовать MP4. Но в целом вариантов хватает.

Изменение основных параметров изображений

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

Простейшие операции по изменению размера, отражению, повороту, наклону и другие можно выполнить даже в самом примитивном редакторе Paint, который входит в комплект любой «операционки» Windows.

Если же требуются более сложные действия, скажем, изменения цвета, насыщенности, контрастности, редактирование слоев, разбивка изображения на отдельные составляющие и прочее, то придется использовать профессиональные пакеты вроде вышеупомянутых Corel Draw или Adobe Photoshop.

Для редактирования видео имеются свои утилиты, например, Vegas Pro. Кроме стандартных возможностей, в них можно применять специализированные эффекты и системы моделирования, позволяющие переносить на заранее построенную математическую модель реальное изображение по типу того, как снимался бой Морфеуса и Нео в первой части «Матрицы».

Преобразование форматов

Преобразование (конвертирование) производится при помощи утилит, называемых конверторами. Один из самых ярких представителей - Xilisoft Video Converter, который умеет преобразовывать и графику, и видео.

Для графики можно предпочесть, например, ACDSee Ashampoo Photo Commander, Free Image Convert And Resize или что-то еще. Сегодня таким программ можно найти очень много.

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

Какой формат предпочесть для хранения данных?

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

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

То же самое касается и видео. Все зависит от того, на каком устройстве оно будет просматриваться.

Заключение

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

1. Малый размер, который достигается ограниченной цветовой гаммой - не более 256 цветов.
2. Прозрачный фон.
3. Анимация.

1. Лучшие сжатие данных - сжимает растровые изображения не только по горизонтали, но и по вертикали.
2. Поддерживает цветные фотографические изображения вплоть до 48-битных включительно.
3. 256 уровней прозрачности.

1. Полная цветовая палитра.
2. Качественная прозрачность позволяет накладывать рисунок на любой фон

Векторная графика

ДРУГИЕ ФОРМАТЫ

PostScript

КАКОЙ ФОРМАТ ИЗБРАТЬ?

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

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

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

Итак, приступим:

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

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

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

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

GIF – в основном используется для изготовления графики для Интернета. Он не годится для сохранения фотографий, так как имеет ограничение по цветопередаче, по этим же причинам он не годится для полиграфии. Изображение данного графического формата состоит из точек, которые могут включать в себя от 2 до 256 цветов. Ограниченность цветопередачи и поддержка прозрачности делают его незаменимым для хранения изображений с минимум цветов, например логотипов. Еще одна особенность формата это возможность изготовления анимированных изображений. Широко применяют для создания gif (анимированных) баннеров.

EPS – можно назвать наиболее надежным и универсальным форматом. Он в основном предназначен для передачи в издательства, возможность создания и использования данного формата практически всеми графическими редакторами. Использовать данный формат имеет наибольший смысл только в том случае, если вывод осуществляется на PostScript-устройстве.

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

PNG – это графический формат, который пришел совсем недавно на смену Gif формату, и уже успел, стань очень популярным из за того, что умеет держать прозрачность и полупрозрачность что было не возможно в его предшественнике gif. Это значит что png держит полупрозрачность в диапазоне от 1 до 99% при помощи альфа-канала с 256 градациями серого. Прозрачность работает следующим образом, в файл записывается информация о гамма — коррекции. Гамма-коррекция представляет собой определенное число яркости, контраста монитора. Это число в последующем считывается из файла и позволяет откорректировать отображение изображения за счет поправок яркости.

PICT – это собственный формат Макинтош. Формат способен включать в себя как растровую, так и векторную информацию, текст, а также звук, использует RLE-компрессию. Битовые PICT-изображения могут иметь абсолютно любую глубину битового представления. Векторные же PICT-изображения, которые практически исчезли из использования в наши дни, имели необычные проблемы толщины линии и другие отклонения во время печати.

Формат используется для Макинтош, и при создании определенных презентаций только для Мак. На обычных компьютерах (не мак) PICT – формат представлен с расширением.pic или.pct, считывается определенными программами, работа с этим форматом зачастую бывает не простой.

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

PCX – формат растрового изображения. Файлы pcx типа используют стандартную палитру цветов, этот формат был расширен для хранение 24-битных изображений. Этот формат аппаратно зависим. Предназначен хранить информацию в файле в том же виде, что и в видео-плате. Чтобы совместить этот формат со старыми программами необходима поддержка EGA-режима видеоконтроллера. Алгоритм сжатия быстрый и занимает малый объём памяти, но не очень эффективен, не подойдет для сжатия фотографий и детальной компьютерной графики.

ICO – этот формат разработан для хранения значков файлов. Размеры ico файлов могут быть любыми, но наиболее используемые значки со сторонами в 16, 32 и 48 пикселей. Еще используются иконки с размерами 24, 40, 60, 72, 92, 108, 128, 256 пикселей. Данные в значках обычно не сжимаются. Значки бывают в цвете True Color, High Color , или с четко фиксированной палитрой. По своей структуре файлы ICO наиболее близки к BMP формату, но отличаются от bmp присутствием маски, накладываемой на задний план с помощью операции побитового «И», что дает возможность реализовать прозрачность.

Наложение основного изображения при помощи «исключающего ИЛИ» может даже инвертировать пиксели там, где задний план был не замаскирован. А уже с Windows XP начали поддерживаться 32-битные иконки - каждому пикселю соответствует 24-бита цвета плюс 8-битный альфа-канал, который позволяет реализовать частичную прозрачность 256 уровней. При помощи альфа-канала также имеется возможность отобразить значок со сглаженными краями а также с тенью, сочетать с разным фоном, маска значка в этом в таком случае игнорируется.

CDR – это векторный формат изображения или рисунка, созданный при помощи программы CorelDRAW. Данный формат разработан компанией Corel для его использования в собственных программных продуктах компании. CDR — изображения не поддерживаются многими графическими редакторами. Но это не проблема, файл можно легко экспортировать при помощи все того же CorelDRAW в более распространенные форматы изображений. Изображения, созданные в CorelDRAW и имеющие расширение CDR также можно открыть программой Corel Paint Shop Pro. Для наилучшей совместимости, компания Corel рекомендует сохранять файлы в CorelDRAW формате CDR более ранней версии. Файлы CDR десятой и более ранней версии, можно открыть используя и программу Adobe Illustrator.

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

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

RAW — файлы у ряда производителей фотокамер, имеют собственный формат расширения такой как у Canon – CR2, Nikon – NEF. У многих других предложенный Adobe формат DNG, это такие компании как Leica, Hasselblad, Samsung, Pentax, Ricoh. Если в фотошопе отсутствует камера raw для вашего фотоаппарата, то файлы не откроются, для этих целей создана от адобе.

SVG – формат масштабируемой векторной графики (Scalable Vector Graphics). Формат создан W3C. В соответствие со спецификацией он создан для описания двумерной векторной и смешанной векторной/растровой графики в XML. Включает в себя три типа объектов: фигуры, изображения и текст. Поддерживает неподвижную, анимированную так и интерактивную графику. Создавать и редактировать можно как в текстовых редакторов посредством правки кода, так и в любом графическом редакторе для векторной графики (Adobe Illustrator, Inkscape, CorelDRAW, Corel SVG Viewer). SVG – это открытый стандарт не является чьей либо собственностью.

Из достоинств формата SVG можно выделить. Масштабируемость без потери качества изображения. Текст в SVG является текстом, а не изображением, благодаря этому его можно выделять, копировать, он индексируется поисковиками (при использование на сайте). Интерактивность графики, дает возможность к каждому из элементов привязать свои события. Доступность использования растровой графики внутри документа. Анимация, которая реализована в SVG с помощью языка SMIL. Совместимость с CSS, дает возможность задавать свойства объектов такие как, цвет, фон, прозрачность и др.. SVG легко интегрируются с HTML и XHTML документами. Уменьшение количества запросов HTTP. Небольшой вес файла по сравнению с растровой графикой.

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

AI (Adobe Illustrator, Adobe AI) - метафайловый формат, разработанный фирмой Adobe для Macintosh, Microsoft Windows, NeXT; используется для записи и хранения разнородных видов изображения, включая, рисунки, чертежи и декоративные надписи.

PSD (Photoshop Document, Adobe Photoshop, Adobe PSD) - растровый формат, входящий в состав графического редактора Photoshop фирмы Adobe; используется издательскими системами на платформах PC и Macintosh. PSD позволяет записывать c сжатием (RLE) или без него изображение со многими слоями, масками, дополнительными каналами, контурами и другими элементами графики.

ART - формат, разработанный фирмой Gonson-Grace, используется для хранения фотографий и рисунков.

AutoCAD DXF (Drawing Interchange Format) и AutoCAD DXB (Drawing Interchange Binary) - две версии одного формата (без сжатия данных), разработанного и поддерживаемого фирмой Autodesk для САПР-программы AutoCAD, работающей на платформе MS-DOS. DXB является упрощенной (двоичной) версией семибитной DXF. Помимо AutoCAD формат поддерживается многими программами САПР, CorelDRAW и другими, в частности, для обмена данными разных типов: векторно ориентированными данными, текстами, трехмерными чертежами. Однако ряд программ, претендующих на поддержку импорта DXF, реализуют только некоторые его возможности. DXF изменяется с каждой версией AutoCAD. Имена файлов DXF и DXB используют расширения *.dxf, *.dxb, *.sld, *.adi.

BDF (Bitmap Distribution Format) - растровый формат, разработанный фирмой X Consortium для обмена данными растровых шрифтов между X Window и другими системами. Сжатие отсутствует, максимальный размер изображения не ограничен, цвет - монохромный. Каждый файл BDF хранит данные только для одной гарнитуры (группы шрифтов, объединенных единым названием).

BMP - растровый формат, разработанный корпорацией Microsoft для ОС Windows; поддерживается всеми графическими редакторами, работающими под ее управлением, способен хранить как индексированный (до 256 цветов), так и RGB-цвет (16, 7 млн. оттенков). Большинство файлов BMP хранятся в несжатом виде.

CDR (CorelDRAW Document) - векторный формат, первоначально известный низкой устойчивостью и плохой совместимостью файлов. Многие программы на РС (FreeHand, Illustrator, PageMaker) могут импортировать файлы CDR. Начиная с седьмой версии, CorelDRAW в файлах CDR применяется компрессия отдельно для векторной и растровой графики; могут внедряться шрифты.

CGM (Computer Graphics Metafile) - стандарт (ANSI и ISO) и метафайловый формат отображения векторных изображений на Web, принятый в конце 1998 года консорциумом 3WC (WWW Consortium). Формат ориентирован на поддержку разнообразных графических изображений, включая художественную графику, технические иллюстрации, картографию, компьютерные издательские системы. Несмотря на то, что CGM содержит множество графических примитивов и атрибутов, он менее сложен, чем PostScript, позволяет создавать более компактные файлы и поддерживает обмен сложными и художественными изображениями высокого качества. В формате используются разные виды сжатия (RLE, CCITT Group 3 и Group 4); цветовая палитра не ограничена. Один файл CGM может содержать несколько изображений.

CPT - растровый формат программы Corel PHOTO-PAINT, обеспечивает хранение полноцветных изображений и векторных объектов.

DPX (Digital Picture Exchange Format; он же - SMPTE Digital Picture Exchange Format) - растровый формат, предназначенный для хранения одного кинокадра или потока видеоданных; разработан фирмой Kodak Cineon, принят ANSI и Обществом инженеров кино и телевидения США (SMPTE) с небольшими изменениями в качестве стандарта. Формат поддерживается программами фирмы Kodak.

DWG - векторный формат программы AutoCAD фирмы Autodesk, предназначенный для хранения чертежей.

EMF (Enchanced Metafile) - метафайловый формат, разработанный корпорацией Microsoft для хранения изображений в виде последовательности команд, приводящих к воспроизведению изображений. В ноябре 2005 года была обнаружена уязвимость EMF и WMF форматов от «атак на переполнение буфера», а в конце декабря - появление семейства Интернет-червей. Заражение происходило при посещении пользователями ряда сайтов, использовавших WMF-уязвимость для загрузки троянских программ на удаленную машину. Вскоре появились и автономные версии вирусов, распространяющихся в виде почтовых червей, в прикрепленных файлах изображений. Корпорация Microsoft отреагировала на эту угрозу выпуском совета по безопасности - Security Advisory 912840, а также (11 января 2005 г.) исправлением систем Windows XP, Windows 2000 (Service Pack 4), Windows Server 2003.

3DS (3D Studio, ASC) - формат, разработанный фирмой Autodesk, средство трехмерного моделирования («описания сцены»); также используется как формат обмена. Формат обеспечивает оптимальное распределение ресурсов на платформе PC, поддерживает все цвета без ограничения, сжатия не имеет. Многие программы трехмерного моделирования читают и записывают файлы в этом формате. Строго говоря, 3DS - это два формата, которые используются как форматы обмена – двоичный с расширением *.3ds и текстовый с расширением *.asc.

EPS (Encapsulated PostScript, EPSF) - упрощенный вариант формата (PDL) PostScript, разрабатывался фирмой Adobe как векторный формат, позднее появилась его растровая разновидность - Photoshop EPS. Формат EPS не может содержать в одном файле более одной страницы и не сохраняет ряд установок для принтера. Как и в файлы печати PostScript, в формате EPS записывают конечный вариант работы, хотя такие программы, как Adobe Illustrator, Photoshop и Macromedia FreeHand могут использовать его как рабочий инструмент.

FH8 (FreeHand Document) - восьмая версия формата FH, предназначен только для ПК Macintosh. С ним могут работать собственно программа FreeHand, Illustrator 7 и ограниченное число программ от Macromedia. Начиная с седьмой версии формат FH имеет полную кроссплатформенную совместимость, однако некоторые эффекты FreeHand несовместимы с PostScript.

FIF (Fractal Image Format) - формат, разработанный фирмой Iterated Systems, используется для хранения фотографий и в Интернете, поддерживает собственную систему сжатия FIF.

FITS (Flexible Image Transport System, FTI) - растровый формат и стандарт хранения изображений, используемый многими организациями (включая научные организации, правительственные органы) для хранения астрономических (полученных орбитальными аппаратами) и наземных изображений (в частности, данных радиоастрономии и оцифрованных фотографических изображений). Формат широко применяется для обмена данными между различными аппаратными платформами и программными приложениями, которые не поддерживают общий файловый формат. FITS считается достаточно простым форматом без сжатия с «неограниченным числом» оттенков серого. В нем можно хранить множество типов данных, включая растровые, ASCII-текст, многомерные матрицы, двоичные таблицы.

GIF (Graphics Interchange Format) - стандартный растровый формат представления изображений в WWW; был разработан в 1987 году фирмой CompuServe, отодвинул на второй план более старые форматы PCX и MacPaint. Основные достоинства: возможность использования на многих платформах и наличие эффективного 12-разрядного LZW алгоритма сжатия с бесплатными (до 1994 г.) реализациями. Формат позволяет хорошо сжимать файлы, в которых много однородных заливок (логотипы, надписи, схемы), записывать изображение «через строчку» (Interlaced mode), благодаря чему, имея только часть файла, можно увидеть изображение целиком, но с меньшим разрешением (GIF поддерживает разрешение до 66536х65536).

IFF (Interchange File Format), ILM, ILBM, LBM (InterLeaved BitMap), Amiga Paint - семейство растровых форматов, разработанных и поддерживаемых для платформ MS-DOS, UNIX, Amiga фирмами Electronics Arts и Commodore-Amiga. Отличительная особенность IFF - его универсальность: он может применяться не только для поддержки графики, но и звука на всех платформах, кроме Amiga. Ранее IFF был известен в качестве 24-битового формата для MS-DOS, но в последствии он начал заменяться форматами TIFF и TGA, а затем форматом JFIF. Некоторые характеристики формата IFF: максимальный размер изображения 64 К на 64 К пикселей; используется в вариантах без сжатия и RLE сжатия, поддерживает цвета от 1- до 24-битовых; формат чисел «старший в младшем», имеет спецификацию на CD; при использовании с MS-DOS и UNIX имена файлов могут иметь расширения *.iff и *.lbm.

JFIF (JPEG File Interchange Format), JFI, JPG, JPEG - растровый формат фирмы C-Cube Microsystems, получил наибольшее распространение, поэтому большинство изображений «JPEG» правильнее было бы называть «JFIF». При помощи JFIF рекомендуется сохранять только конечный вариант работы, поскольку каждое промежуточное сохранение приводит к потерям данных и искажениям исходного изображения.

PCX (PC Paintbrush File Format) - один из наиболее распространенных растровых форматов; предназначен для хранения иллюстраций в настольных издательских системах. Формат был разработан фирмой Zsoft для программы Paintbrush, после заключения OEM-соглашения с корпорацией Microsoft начал применяться в разных системах, работающих с графикой. Основные характеристики: максимальный размер изображения 64 К на 64 К; 24-битовая поддержка цвета; использует RLE-сжатие (может работать и без сжатия); поддерживает работу с CD-ROM. Версиями формата PCX являются DCX и PCC, имена файлов которых имеют соответствующее расширение.

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

PDS (Planetary Data System Format) - стандартный формат NASA для хранения данных, собранных с помощью космических аппаратов и наземных наблюдений о Солнце, Луне и планетах; используется также другими организациями для хранения аналогичных данных. Основой формата служит язык описания объектов - ODL (Object Description Language). Максимальный размер изображения и цвета в формате PDS неограничены; поддерживается всеми платформами.

PGML (Precision Graphics Mark-up Language) - векторный формат, который описывает графику в терминах математических формул, а не растровых пикселей, чем достигается экономия дискового пространства и возможность масштабирования изображения без потерь его разрешающей способности и других показателей качества. Формат был представлен на рассмотрение консорциуму W3C (WWW Consortium) в качестве сетевого стандарта фирмами Adobe Systems, IBM, Netscape, Sun Macromedia; используется в Интернете.

Photo-CD (PCD, Kodak Photo CD) - растровый формат, разработанный фирмой Eastman Kodak и предназначенный для хранения и воспроизведения полноцветных изображений (обычно фотоснимков), записанных с различной разрешающей способностью на компакт-диски. Формат поддерживается программами Photo CD ACCess, Photoshop, Shoebjx. Формат Photo CD поддерживает 24-битовые цвета, имеет собственную систему сжатия, максимальный размер изображения 2048х3072 пикселей, позволяет хранить только одно изображение в файле, использует системы сжатия RLE и JPEG (в версии DCT). Более подробные сведения фирма Kodak не разглашает.

PIC (Pictor PC Paint, PC Paint) - растровый формат, разработанный фирмой Paul Mace для программ рисования на платформе MS-DOS, является аппаратно-зависимым форматом, созданным с учетом требований графических адаптеров семейства IBM (CGA, EGA, VGA). Формат PIC схож с форматом PCX, в имени файлов используются расширения *.pic и *.clp.

PICT (Macintosh QuickDraw Picture Format) - стандарт для буфера обмена ПК Macintosh, поддерживает как растровую, так и векторную графику. На ПК Macintosh PICT работает со всеми программами. На РС он читается рядом программ, но работа с ним редко бывает простой. Имена файлов PICT имеют расширение *.pic или *.pct.

PNG (Portable Network Graphics) -растровый формат, одобренный в качестве стандартного консорциумом W3C (WWW Consortium) и призванный заменить GIF. Формат обеспечивает индексацию до 256 цветов, поддержку 24- и 48-разрядного представления цвета (True Color) и реализацию канала прозрачности (так называемого альфа-канала). Алгоритм динамического сжатия изображения без потерь PNG на 10-30% эффективнее подобного вида сжатия, реализованного в формате GIF.

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

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

Scitex CT - растровый формат, разработанный фирмой Scitex; незначительно отличается от TIFF, за исключением одной особенности: на фотонаборных автоматах (Imagesetter) фирмы Scitex Dolev файлы этого формата выводятся несколько быстрее. На РС имена файлов в формате Scitex CT имеют расширение *.sct.

SWF (Shockwave Flash) - внутренний векторный формат программы Flash фирмы Macromedia, используется для анимации в Интернете.

TGA (TrueVision Targa) - формат фирмы Truevision, разработанный для цветного телевидения, поддерживает сжатие RLE, имена файлов имеют расширение *.tga.

TIFF (TIF, Tagged Image File Format) - растровый формат, разработанный корпорацией Aldus, изначально предназначался для больших графических изображений высокого разрешения, полученных путем сканирования. Формат характеризуется высоким качеством передачи и сохранения цвета оригиналов изображений. В дальнейшем формат был адаптирован для профессиональных графических пакетов и расширен.

WMF (Windows Metafile, Microsoft Windows Metafile) - метафайловый формат, созданный для использования с ОС Windows, служит для передачи векторов через буфер обмена (clipboard). WMF поддерживается практически всеми программами, работающими под Windows и так или иначе связанными с векторной графикой. Несмотря на кажущуюся простоту и универсальность, пользоваться форматом WMF рекомендуется только в крайних случаях для передачи так называемых голых векторов. WMF искажает цвет, не сохраняет ряд параметров, которые могут быть присвоены объектам в различных векторных редакторах, не понимается программами, ориентированными на ПК Macintosh. Файлы WMF используют расширение *.wmf.

VML (Vector Mark-up Language) - векторный формат, который был представлен на рассмотрение консорциуму W3C фирмами Microsoft, Hewlett-Packard, Autodesk, Macromedia, Visio; используется в Интернете.

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

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

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

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

GIF (Graphics Interchange Format)

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

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

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

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

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

JPEG (Joint Photographic Experts Group)

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

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

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

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

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

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

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

PNG (Portable Network Graphics)

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

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

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

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

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

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

WebP

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

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

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

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

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

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

Ввиду относительной новизны формата, не все браузеры умеют с ним работать. На сегодняшний день 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 отлично подходит для малоцветных схем, логотипов и иконок.