Какие форматы графических файлов (форматы картинок) бывают и в каких программах их можно открывать. Форматы файлов

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

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).

Как известно, в зависимости от способа формирования изображения на экране монитора, компьютерную графику принято классифицировать на несколько типов:

растровую
векторную
фрактальную
трехмерную

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

Основы растровой графики

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

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

Разрешение — количество точек на единицу измерения.

dpi (dots per inch) — количество точек на дюйм.

ppi (points/pixels per inch) — пикселов на дюйм.

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

Не путайте разрешение изображения, разрешения монитора и разрешение принтера. Это разные вещи.

Вспомнив основы растровой графики, перейдем к описанию форматов хранения растровой графики.

Форматы хранения изображений в растровой графике

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

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

TIFF (Taged Image File Format) — стандартный формат в топографической графике и издательских системах. Файлы в формате TIFF обеспечивают лучшее качество печати. Из-за большого размера, данный формат не применяется при создании Web-сайтов и публикации в Интернет.

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

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

Формат GIF (Graphic Interchamge Format) — формат обмена графическими данными, который служит для записи и хранения растровых графических изображений. Этот формат отличается от других форматов растровой графики тем, что он долгое время поддерживается в Интернете. Использует индексированные цвета (ограниченный набор цветов). Это один из самых распространенных форматов картинок, распространяемых в Интернет и применяемых при создании Web-сайтов.

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

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

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

Алгоритм оперирует областями 8 ? 8, на которых яркость и цвет меняется сравнительно плавно. Сжатие в JPEG осуществляется за счет плавного изменения цветов в изображении. Обеспечивается высокий коэффициент сжатия, значение которого достигает 100 и зависит от допустимого уровня потерь изобразительной информации.

Формат широко используется в документах HTML и для передачи данных по сети. Сохраняет параметры графики в цветовом представлении RGB (как правило). Изображения в JPEG формате хранятся в файлах с расширением .jpg .

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

Формат JPEG 2000 (jp2)

Данный формат был разработан для замены JPEG . При сохранении изображения с одинаковым уровнем сжатия изображения, сохраненные в формате JPEG 2000 , получаются более четкими и занимают меньше места на диске. К тому же, в этом формате решена проблема с появлением дефектов JPEG , которые появлились при сохранении с большим коэффициетом сжатия (решетка из блоков 8 ? 8 пикселей).

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

PNG (portable network graphics) — формат хранения растровой графики, использующий сжатие без потерь. PNG — это свободный формат (в отличии от GIF), поэтому получил широкое распространение.

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

Формат WMF

Формат WMF (Windows Metafile Format) — используется для обмена графическими данными между приложениями ОС Microsoft Windows . В WMF файлах могут хранится как векторные, так и растровые изображения. Изображения в WMF формате хранятся в файлах с расширением .wmf .

Форматы PSD и CDR

Формат PSD (PhotoShop Document) — внутренний формат для пакета Adobe Photoshop . Позволяет сохранять слои в изображении и поддерживает все типы графики. Изображения в PSD формате хранятся в файлах с расширением .psd .

Формат CDR — внутренний формат для пакета программ фирмы CorelDRAW . Изображения и текст подготовленные в программе CorelDRAW в CDR формате, хранятся в файлах с расширением .cdr .

Заключение

Надеюсь данная статья помогла Вам немного разобраться в многообразии форматов растровой графики. Мои рекомендации помогут Вам определиться с выбором формата для хранения графики. Если кратко, то в JPEG хранят фотографии, в GIF — баннеры и логотипы (но желательно постепенно переходить к PNG ), а TIFF используется для подготовки документов к печати.

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

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 (источник изображения: 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-анимации. Наведите курсор на изображение. (