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

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

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

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

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

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

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

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

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

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-формате. При их просмотре на мониторе особая четкость не нужна. Другое дело, когда фотографии нужно напечатать. Тут лучше использовать оригинальные форматы камер.

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

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

Заключение

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

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

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

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

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

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

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

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

BITMAP

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

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

GIF

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

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

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

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

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

JPEG

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

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

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

PNG

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

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

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

TIFF

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

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

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

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

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

Поскольку изображения создаются с использованием специальных инструментов - графических редакторов, - рассмотрение форматов файлов невозможно без учета их особенностей. Прежде всего, что такое графический файл? В самом общем случае, это принятая в данном графическом редакторе система информации об изображении и способ ее сохранения (записи). Такая система информации может содержать как данные общего характера (представление изображения на том или ином устройстве отображения, размер, разрешение, тип принтера для печати, степень и способ сжатия информации), так и данные, являющиеся специфическими, уникальными. Такие данные создаются на этапе редактирования изображения и предназначены для последующего использования при редактировании. Так, например, файлы CorelDraw содержат информацию о кривых, файлы Photoshop - информацию о слоях, каналах и т.д. Каждый графический редактор кодирует определенным образом эту информацию при записи (сохранении) на носитель. Таким образом, под форматом графического файла следует понимать совокупность информации об изображении и способ ее записи в файл. В общем случае все графические форматы можно разделить на две группы. Форматы общего назначения содержат только само изображение и предназначены для хранения, переноса или просмотра изображений (gif, tiff, jpeg и др.) и специфические форматы, предназначенные для хранения промежуточных результатов редактирования изображений (cdr, cpt, psd, ai и др.).

Остановимся подробнее на группе 2D в силу наибольшей ее распространенности. Изображение в растровой графике представляет собой упорядоченный массив единичных элементов (пикселов для монитора или точек для принтера), содержащих информацию о цвете. Количество таких элементов определяется размером изображения и разрешением, а размер файла дополнительно зависит от используемой цветовой палитры (черно-белая или 1- битная, оттенки серого и 256 цветов или 8-битная, high color или 16-битная, true color или 24-битная). Векторная графика содержит математические описания кривых и цветовых заливок (областей, залитых одним цветом и областей градиентов), составляющих изображение. Вопрос о разрешении и цветовой палитре решается непосредственно перед выводом файла на конкретное физическое устройство и с учетом его характеристик. В полиграфии этот процесс известен как RIP - процесс растрирования изображения.

Сжатие файлов. Поскольку графические файлы, как правило, имеют большой размер, полезной оказывается возможность сжатия (упаковки) информации. В настоящее время известны два способа сжатия - без потери и с потерей качества. Алгоритмы сжатия без потерь аналогичны алгоритмам обычных архиваторов (LZH, PKZIP, ARJ). Самый известный из них LZW (LZ84) широко используется в популярных растровых форматах GIF, TIFF. Алгоритмы сжатия с потерей качества отбрасывают информацию, не воспринимаемую человеком (JPEG, PCD). Степень упаковки в этом случае гораздо выше, но происходит медленнее и может привести к ухудшению качества (в зависимости от выбранной степени сжатия). Главный недостаток этого алгоритма заключается в невозможности пересжатия без значительной потери исходного качества изображения. Поэтому сохранять в формате JPEG рекомендуется только конечные результаты редактирования, и ни в коем случае не промежуточные.

Форматы общего назначения

Microsoft Windows Bitmap (BMP)

Формат для хранения растровой графики в среде Microsoft Windows (например, экранные обои и заставки). Поддерживает 1-, 4-, 8-, 24-битный цвет. Допускает сжатие без потери качества.

Kodak Photo CD (PCD).

Разработчик - фирма Kodak. Формат предназначен для хранения слайдов и негативов, отснятых с помощью камеры типа Kodak Photo CD. В каждом файле хранится 5 копий одного изображения разного размера и качества от 192x192 до 3072x2048 пикселов. Программно записать изображение формата PCD на компьютере невозможно, возможен только импорт изображения в графический редактор, поддерживающий этот формат.

Zsoft PC PaintBrush (PCX)

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

Tag Image File Format (TIFF)

Разработчики - Aldus и Microsoft. Универсальный формат для хранения растровой графики, широко используется в издательстве. Необходимо оговориться, что существует достаточно много его разновидностей, обусловленных различными алгоритмами сжатия. Наибольшей совместимостью обладает формат, использующий алгоритм LZW. Формат поддерживает 24-и 32-битный цвет (CMYK), два вида записи IBM PC и Macintosh, может хранить информацию о масках (выделенных областях изображения).

TrueVision TGA (TGA)

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

Graphics Interchange Format (GIF)

Разработан корпорацией CompuServe в 1987 г. для хранения растровой графики. Реализовал один из самых эффективных для своего времени (87г) способов сжатия LZW. Позволяет выводить изображение на экран за четыре прохода, давая возможность просмотра изображения до его окончательной прорисовки. В 1989 г. появилась новая версия GIF 89a. Этот формат поддерживает сохранение в одном файле нескольких изображений, анимационной последовательности, цвет прозрачности для целей наложения изображений друг на друга. До сих пор широко используется для хранения и передачи небольших изображений (элементов оформления страниц) в World Wide Web.

Joint Photographic Experts Group (JPEG)

Растровый формат, своей популярностью обязан сильной степени сжатия исходного изображения, основанной на алгоритме сжатия с потерей качества. Однако касается это прежде всего 24- и 8-битных изображений. Существует несколько разновидностей, обусловленных разными алгоритмами сжатия и способами вывода на экран (постепенная отрисовка аналогично gif). Также широко применяется в WWW, в основном для передачи больших изображений.

Специфические форматы

Как уже говорилось выше, эта группа форматов предназначена в основном для "внутреннего" употребления (хранения промежуточных результатов редактирования изображений). Помимо информации о самом изображении, файлы содержат массу данных служебного характера, которые не могут быть правильно интерпретированы другими программами просмотра/редактирования. К таким данным может относиться информация о шрифтах, слоях, выделениях (масках), кривых, спецэффектах и пр. Наиболее распространенными форматами являются для векторной графики - cdr (Corel Draw) и ai (Adobe Illustrator), для растровой графики - psd (Adobe Photoshop) и cpt (Corel PhotoPaint). Как правило, конечное изображение (т.е. изображение, предназначенное для публикации) импортируется в один из форматов общего назначения в зависимости от целей публикации (gif или jpeg для Internet, tiff для издательских систем и т.д.).

Игорь СИВАКОВ

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

Да, сегодня нет такого калейдоскопа расширений, как в начале 90-х, когда каждая компания-производитель редакторов изображений считала своим долгом создать свой файловый тип, а то и не один, однако это не означает, что "все нужно сохранять в TIFF, а сжимать JPEG`ом".

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

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

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

Форматы:

GIF | JPEG | PNG | TIFF | PostScript | EPS | PDF | Scitex CT | Adobe Photoshop Document | Adobe Illustrator Document | Macromedia FreeHand Document | CorelDRAW Document | PICT |WMF | BMP | RTF

Методы сжатия:

LZW | JPEG | Huffman | CCITT | RLE (Run Length)

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

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

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

OPI (Open Prepress Interface) - технология, разработанная фирмой Aldus, позволяющая импортировать не оригинальные файлы, а их образы, создавая в программе лишь копию низкого разрешения (эскиз) и ссылку на оригинал. В процессе печати на принтер, эскизы подменяются на оригинальные файлы. Применение OPI, вместо простого внедрения, (embedding) дает возможность экономить ресурсы компьютера (прежде всего, память), заметно повышая его производительность. OPI является основной работы с импортированными графическими файлами в таких программах, как FreeHand и QuarkXPress, широко применяется в других продуктах.

Растровый файл устроен проще (для понимания, по крайней мере). Он представляет из себя прямоугольную матрицу (bitmap), разделенную на маленькие квадратики - пикселы (pixel - picture element). Растровые файлы можно разделить на два типа: предназначенные для вывода на экран и для печати.

Разрешение файлов таких форматов как GIF , JPEG , BMP зависит от видеосистемы компьютера. В старых Маках на квадратный дюйм экрана приходилось 72 пиксела (экранное разрешение), на Windows единого стандарта не сложилось, но сегодня чаще всего употребляется значение 96 пикселов на квадратный дюйм экрана. Реально, однако, эти параметры теперь стали довольно условными, так как почти все видеосистемы современных компьютеров позволяют изменять количество отображаемых на экране пикселов.

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

Растровые файлы, предназначенные для допечатной подготовки изданий имеют, подобно большинству векторных форматов, параметр Print Size - печатный размер. С ним связано понятие печатного разрешения, которое представляет из себя соотношение количества пикселов на один квадратный дюйм страницы (ppi, pixels per inch или dpi - dots per inch, - термин не совсем верный, но часто употребимый).

Печатное разрешение может быть от 130 dpi (для газеты) до 300 (высококачественная печать), больше почти никогда не нужно.

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

GIF (CompuServe Graphics Interchange Format)

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

Метод сжатия LZW (Lempel-Ziv-Welch) разработан в 1978 году израильтянами Лемпелом и Зивом и доработан позднее в США. Сжимает данные путем поиска одинаковых последовательностей (они называются фразы) во всем файле. Выявленные последовательности сохраняются в таблице, им присваиваются более короткие маркеры (ключи). Так, если в изображении имеются наборы из розового, оранжевого и зеленого пикселов, повторяющиеся 50 раз, LZW выявляет это, присваивает данному набору отдельное число (например, 7) и затем сохраняет эти данные 50 раз в виде числа 7. Метод LZW, так же, как и RLE , лучше действует на участках однородных, свободных от шума цветов, он действует гораздо лучше, чем RLE, при сжатии произвольных графических данных, но процесс кодирования и распаковки происходит медленнее.

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

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

Основное ограничение формата GIF состоит в том, что цветное изображение может быть записано только в режиме 256 цветов или меньше.

JPEG (Joint Photographic Experts Group)

Строго говоря JPEG`ом называется не формат, а алгоритм сжатия, основанный не на поиске одинаковых элементов, как в RLE и LZW , а на разнице между пикселами. Кодирование данных происходит в несколько этапов. Сначала графические данные конвертируются в цветовое пространство типа LAB , затем отбрасывается половина или три четверти информации о цвете (в зависимости от реализации алгоритма). Далее анализируются блоки 8х8 пикселов.

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

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

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

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

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

Цветовое пространство LAB представляет цвет в трех каналах: один канал выделен для значений яркости (L - Lightnes) и два других - для цветовой информации (А и В). Цветовые каналы соответствуют шкале, а не какому-нибудь одному цвету. Канал А представляет непрерывный спектр от зеленого к красному, в то время как канал В - от синего к желтому. Средние значения для А и В соответствуют реальным оттенкам серого.

Существует похожая цветовая модель YCC, используемая в форматах Kodak Photo CD и FlashPix, здесь не описываемых.

Метод сжатия Хаффмана (Huffman) разработан в 1952 году и используется как составная часть в ряде других схем сжатия, таких как LZW , Дефляция, JPEG . В методе Хаффмана берется набор символов, который анализируется, чтобы определить частоту каждого символа. Затем для наиболее часто встречающихся символов используется представление в виде минимально возможного количества битов. Например, буква "е" чаще всего встречается в английских текстах. Используя кодировку Хаффмана вы можете представить "е" всего лишь двумя битами (1 и 0), вместо восьми битов, необходимых для представления буквы "е" в кодировке ASCII.

PNG (Portable Network Graphics)

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

Глубина цвета файлах PNG может быть любой, вплоть до 48 бит. Используется двумерный interlacing (не только строк, но и столбцов), который, так же, как и в GIF`е, несколько увеличивает размер файла. В отличие от GIF`а, где прозрачность как мед - либо есть, либо нет, PNG поддерживает также полупрозрачные пикселы за счет Альфа-канала с 256 градациями серого.

В файл формата PNG записывается информация о гамма-коррекции. Гамма представляет собой некое число, характеризующее зависимость яркости свечения экрана вашего монитора от напряжения на электродах кинескопа. Это число, считанное из файла, позволяет ввести поправку яркости при отображении. Нужно оно для того, чтобы картинка, созданная на Мас`е, выглядела одинаково и на Windows, и на различных UNIX`ах. Таким образом, эта особенность помогает реализации основной идеи WWW - одинакового отображения информации независимо от аппаратуры пользователя.

PNG поддерживается в Microsoft Internet Explorer начиная с версии 4 для Windows и с версии 4.5 на Макинтош. Netscape добавила поддержку PNG для своего браузера в версиях, начиная с 4.0.4 для обеих платформ. Тем не менее до сих пор не реализована поддержка таких важных функций формата, как плавно переходящая прозрачность и гамма-коррекция.

Читайте также:
М. Тигулеев "ПиНГ "

TIFF (Tagged Image File Format)

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

Сегодня он является одним из самых распространенных и надежных, его поддерживают практически все программы на РС и Макинтош так или иначе связанные с графикой. Как правило, TIFF является лучшим выбором при импорте растровой графики в векторные программы и издательские системы. Ему доступен весь диапазон цветовых моделей от монохромной до RGB, CMYK и дополнительных плашковых цветов. TIFF может содержать обтравочные контуры, Альфа-каналы, слои, другие дополнительные данные.

Исключение, в какой-то мере, составляет FreeHand. Иногда TIFF-файлы в нем могут произвольно менять свое местоположение при создании PostScript-файла или прямо в документе при открытии. Чаще TIFF`ы "прыгают" находясь в обтравочном контуре. С FreeHand`ом, все же, предпочтительнее использовать EPS.

TIFF может сохраняться в двух порядках записи: Macintosh и РС. Это связано с тем, что процессоры Motorola читают и записывают числа слева направо, а процессоры Intel - наоборот. Современные программы могут без проблем использовать оба варианта формата.

В формате TIFF есть возможность сохранения с применением нескольких видов сжатия: JPEG , ZIP, но, как правило используется только LZW -компрессия. Ряд старых программ (например, QuarkXPress 3.x, Adobe Streamline, многие программы-распознаватели текста) не умеют читать сжатые файлы TIFF, однако, если вы пользуетесь новым программным обеспечением, нет причины не использовать компрессию.

Adobe PostScript

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

Такие файлы содержат в себе сам документ (только то, что располагалось на страницах), все связанные файлы (как растровые, так и векторные), использованные шрифты, а так же другую информацию: платы цветоделения, дополнительные платы, линиатуру растра и форму растровой точки для каждой платы и другие данные для выводного устройства. Если файл создан правильно, не имеет значения на какой платформе он делался, были использованы шрифты True Type или Adobe Type 1 - все равно.

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

Данные в PostScript-файле, как правило, записываются в двоичной кодировке (Binary). Бинарный код занимает вдвое меньше места, чем ASCII. Кодировка ASCII иногда требуется для передачи файлов через сети, для кроссплатформенного обмена, для печати через последовательные кабели. В приведенных случаях двоичная кодировка может исказиться (что сделает файл нечитаемым) или вызвать "странное" поведение файл-сервера. Эти проблемы давно изжиты в современных системах, но старые компьютеры и серверы бывают им подвержены.

Сказанное относится ко всем форматам, основанным на языке PostScript: EPS и PDF , которые описываются ниже.

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

EPS (Encapsulated PostScript)

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

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

Вместе с файлом можно сохранить эскиз (image header, preview). Это копия низкого разрешения в формате PICT, TIFF, JPEG или WMF, которая сохраняется вместе с файлом EPS и позволяет увидеть, что внутри, поскольку открыть файл на редакцию могут только Photoshop и Illustrator. Все остальные импортируют эскиз, подменяя его при печати на PostScript-принтере оригинальной информацией. На принтере, не поддерживающем PostScript, выводится на печать сам эскиз. Если вы работаете на Photoshop для Макинтош, сохраняйте эскизы в формате JPEG, остальные маковские программы сохраняют эскизы в формате PICT.

Эти и JPEG-эскизы не могут использовать Windows-приложения. Если вы работаете на PC или не знаете, где будет использоваться файл, сохраняйте эскиз в формате TIFF (когда предоставляется выбор). CorelDRAW так же предлагает для эскиза векторный формат WMF , стоит очень осторожно пользоваться этим детищем Microsoft - до добра не доведет.

Изначально EPS разрабатывался как векторный формат, позднее появилась его растровая разновидность - Photoshop EPS. Кроме типа эскиза (TIFF, PICT, JPEG) Photoshop дает возможность выбрать способ кодирования данных. ASCII, Binary и JPEG. Первые два описывались выше , на JPEG стоит остановиться.

Photoshop позволяет сжимать растровые данные с помощью алгоритма JPEG . Adobe доработала этот способ сжатия. Теперь JPEG, в исполнении Photoshop, поддерживает CMYK и сжимает лучше, чем JPEG, полностью соответствующий первоначальным спецификациям. Другими словами, EPS-файлы без эскиза с JPEG-кодированием весят меньше, чем аналогичные файлы формата JPEG! Однако обращу внимание на важную особенность в работе с JPEG-сжатием в EPS.

Драйверы принтеров и фотонаборных автоматов не могут выполнять цветоделение таких файлов. То есть при выполнении цветоделения на вашем компьютере EPS-картинка с JPEG-сжатием полностью окажется на первой плате (Cyan, обычно). Тем не менее, в сервисном бюро рабочие станции Scitex (их большинство в Израиле) могут цветоделить страницы с JPEG EPS-иллюстрациями без всяких проблем. Системы других фирм, думаю, так же поддерживают JPEG EPS, в любом случае стоит поинтересоваться. В сервисных бюро и типографиях Тель-Авива мне часто рекомендовали использовать для записи растровых данных именно JPEG EPS вместо TIFF, так как он быстрее выводится.

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

Среди самых проблемных Quark EPS, создаваемый функцией Save Page As EPS и FreeHand editable EPS, создаваемый функцией Save As. Не стоит особенно доверять Corel`овским EPS версии 6 и ниже и EPS из CorelXARA. У EPS-файлов из CorelDRAW 7 и выше сохраняется проблема добавления полей к Bounding Box (условный прямоугольник в PostScript, описывающий все объекты на странице).

Прежде, чем экспортировать из CorelDRAW, CorelXARA и, в меньшей степени, из FreeHand`а EPS-файлы стоит конвертировать многие эффекты программ (полупрозрачные заливки, например) в растровые или простые векторные объекты. Толстые контуры (более 2 pt), возможно, имеет смысл конвертировать так же в объекты, когда программа дает такую возможность. Проверить EPS-файл можно Adobe Illustrator`ом, если он открывает - значит все в порядке.

PDF (Portable Document Format)

PDF предложен фирмой Adobe как независимый от платформы формат для создания электронной документации, презентаций, передачи верстки и графики через сети. Используется как внутренний графический формат в Mac OS X.

PDF-файлы создаются путем конвертации из PostScript-файлов или функцией экспорта ряда программ. Для конвертации используется программа Adobe Acrobat Distiller, это лучший способ создания PDF. Создание PDF методом экспорта из программ дает, как правило худший результат - файлы получаются более тяжелыми, часто имеют проблемы со встраиванием шрифтов.

Для создания PDF так же существует программа PDFWriter, работающая как виртуальный принтер. PDFWriter не основан на PostScript и не может корректно обрабатывать графику. Он предназначен для быстрого изготовления простых текстовых документов. У него наблюдается та же проблема со встраиванием шрифтов, что и многих программ, умеющих экспортировать PDF. Самые надежные и максимально близкие к оригиналу PDF создает из PostScript и EPS-файлов программа Acrobat Distiller, поставляемая в пакете Adobe Acrobat.

PDF первоначально проектировался как компактный формат электронной документации. Поэтому все данные в нем могут сжиматься, причем к разного типа информации применяются разные, наиболее подходящие для них типы сжатия: JPEG , RLE , CCITT , ZIP (похожее на LZW и известное еще как Deflate). Программа Acrobat Exchange 3 (которая в 4-й версии стала называться просто Acrobat 4.0) позволяет расставлять гиперссылки, заполняемые поля, включать в файл PDF видео и звук, другие действия.

Метод сжатия CCITT (International Telegraph and Telephone Committie) был разработан для факсимильной передачи и приема. Является более узкой версией кодирования методом Хаффмана . CCITT Group 3 идентичен формату факсовых сообщений, CCITT Group 4 - формат факсов, но без специальной управляющей информации.

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

PDF все больше используется для передачи по сетям в компактном виде графики и верстки. Он может сохранять всю информацию для выводного устройства, которая была в исходном PostScript-файле. Это касается PDF версий 1.2 (Acrobat 3) и выше. Однако, версия 1.2 не может включать сведения о треппинге, некоторые другие специфические данные (DSC, например), не использует цветовые профили. Все это реализовано в последующих вариантах формата.

Более детальное описание технологий, основанных на Adobe Acrobat PDF, вы можете найти у меня на сайте в статье Человек-Оркестр 3.0.

Scitex CT

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

Файлы формата CorelDRAW можно применять для переноса/передачи работ на PC, но нежелательно импортировать в программы верстки. На Макинтош файлы CorelDRAW для Windows открывают версия CorelDRAW для Макинтош и Adobe Illustrator 8 и выше.

PICT (Macintosh QuickDraw Picture Format)

PICT - собственный формат Mac OS Classic. Стандарт для буфера обмена, использует графический язык Mac OS. PICT способен нести растровую, векторную информацию, текст и звук, использует RLE -компрессию. Поддерживается на Mac`e всеми программами. Чисто битовые PICT-файлы могут иметь любую глубину битового представления (от Lineart до CMYK).

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

Формат используется для потребностей Mac OS, и при создании определенных типов презентаций только для Макинтош. Вне Макинтош PICT имеет расширение.pic или.pct, читается отдельными программами, но работа с ним редко бывает простой и бесхитростной.

WMF (Windows Metafile)

Векторный формат WMF использует графический язык Windows и, можно сказать, является ее родным форматом. Служит для передачи векторов через буфер обмена (Clipboard). Понимается практически всеми программами Windows, так или иначе связанными с векторной графикой.

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

BMP (Windows Device Independent Bitmap)

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

Способен хранить как индексированный (до 256 цветов), так и RGB-цвет (более 16 млн. оттенков). Возможно применение сжатия по принципу RLE , но делать это не рекомендуется, так как очень многие программы таких файлов (они могут иметь расширение.rle) не понимают. Существует разновидность формата ВМР для операционной системы OS/2.

Использование BMP не для нужд Windows является распространенной ошибкой новичков. Важно понимать - использовать BMP не желательно ни в веб, ни для печати (особенно), ни для простого переноса и хранения информации.

RTF (Microsoft Rich Text Format)

Текстовый формат RTF попал сюда за свои неординарные способности к переносу текстов из одной программы в другую. Он позволяет передавать форматированный текст из программ оптического распознавания символов или текстовых редакторов в графические программы или в любых других направлениях. RTF может оказаться хорошим решением (а, иногда, и единственным выходом) при переброске из программы в программу нелатинского, например, ивритского текста или русского в Windows 95/98 Hebrew Edition.

Секрет совместимости заключается в использовании специальных тегов форматирования RTF и Unicode. Именно Unicode (использованный как основа формата Microsoft Word 97/98 для Макинтош и PC) позволяет легко переносить русские тексты с PC на Мак и обратно в файлах MS Word 97/98 (верно и для более высоких версий Word`а).

RTF используется как основной в поставляемом вместе с Mac OS X редакторе TextEdit и в прилагаемом к Windows программе WordPad.

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

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

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