Все форматы изображений. Графический формат. JPEG, GIF и PNG - наиболее распространенные графические форматы

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

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

1. JPG / JPEG / JFIF
2. TIF / TIFF

Растр против вектора

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

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

Сжатие файлов

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

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

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

Изображения JPG / JPEG / JFIF

Аббревиатура от : Joint Photographic Experts Group - Объединённая группа экспертов по фотографиям.

Расширения файлов : .jpg / .jpeg

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

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

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

Формат изображения PNG

Аббревиатура от : Portable Network Graphics - портативная сетевая графика.

Расширение файлов : .png

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

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

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

Расширение файла TIF

Аббревиатура от : Tagged Image File Format - формат для хранения растровых графических изображений.

Расширение файлов : .tif / .tiff

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

Минусы : Не идеальны для веб-браузеров.

Применяемость : Начальный этап фотографических файлов в печати. Программные пакеты OCR.

Формат файла GIF

Аббревиатура от : Graphics Interchange Format - формат для обмена изображениями.

Расширение файлов : .gif

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

Минусы : формат ограничен 8-битной палитрой (256 цветов) и не подходит для фотографических изображений или сглаживания.

Применяемость : Графика, которая требует нескольких цветов, например упрощенные диаграммы, логотипы и анимации, которые состоят на более чем 50% из одного цвета.

Формат файла изображения BMP

Аббревиатура от : Bitmap Picture - дословно формат для хранения растровых изображений

Расширение файлов : .bmp

Этот формат разработан компанией Microsoft и предназначен для хранения больших несжатых файлов внутри ОС Windows.

Минусы : этот формат не использует сжатие.

Применяемость : упрощенная структура формата делает файлы bmp идеальными для программ Windows.

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

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

Что такое графический формат?

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

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

JPEG - старый и надежный

Начнем, пожалуй, с наиболее популярного и распространенного расширения. Так, JPEG (который также обозначается с помощью еще одного сокращения - JPG) встречается на просторах интернета наиболее часто. Вспомните: даже ваши фотографии, сделанные на фотоаппарат или телефон, имеют расширение.jpeg.

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

GIF - создан для хранения анимированных изображений и не только

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

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

PNG как новейший аналог GIF

Мы разобрали с вами формат JPEG и GIF, теперь же поговорим о PNG. Его многие пользователи интернета называют улучшенной версией GIF. Причина этому то, что в его основе лежат те же методы хранения, что и в файлах с расширением.gif. Тут же напомним о том, в отличие от своего предшественника, он не требует лицензии, что немаловажно.

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

Как конвертировать рисунок? Программы для изменения расширения

Итак, мы с вами разобрали формат JPEG, GIF и PNG - наиболее распространенные расширения, указывающие на Теперь же поговорим о том, как изменить формат того или иного изображения.

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

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

Для этих же целей подойдут и хорошо известные всем CorrelDRAW, PhotoShop, а также специальные фотоконвертеры: PicJet Converter,FastStone PhotoResizer и многие другие. Некоторые из них позволяют делать пакетную обработку изображений, что значительно сокращает время работы с ними.

Итог

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

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

15.06.2014

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

Какой формат файла выбрать?

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

Формат PNG является форматом, в котором сжатие происходит без потерь. В этом форматена каждый пиксел приходится 3 цветовых канала (RGB — красный, зеленый, синий), тем самым реализуется полноцветное формирование изображения без искажений. По качеству цветового отображения формат PNG может превосходить JPG, но по размеру файла будет также больше. Формат PNG поддерживает разные уровни прозрачности (полупрозрачность). За счет особенностей алгоритма, он очень хорошо сжимает изображения, в котором есть горизонтальные линии. И когда стоит задача выбрать сохранение файла в формате GIF или PNG, для случаев, когда картинка представляет из себя примитивные линии, стоит обращать внимание на положение этих линий — т.е. в формате GIF стоит сохранять изображения с вертикальными линиями , в PNG — горизонтальными. PNG является хорошим выбором для хранения чертежей, текст и знаковых графики в небольшом размере файла.

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

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

Понравился материал - нажмите, пожалуйста, на кнопку =)

GIF, PNG или JPG?

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

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

GIF Graphic Interchange Format	JPEG Joint Photographic Experts Group	PNG - 8 & 24 Portable Network Graphic
Был разработан CompuServe в 80-х годах. Поддерживает работу не более чем с 256 цветами. Он по-прежнему используется дл создания простой анимации - не включает "шумовые" пиксели в изображение. Рекомендуется использовать данный формат для сохранения чистых граней на изображении вокруг объектов и текста (рекомендация относится также к формату PNG).	Над разработкой данного формата трудились в начале 90-х профессиональные фотографы и программисты, с тем чтобы включить в него миллионы цветов при сохранении оптимального размера файла. В результате получили JPG. Основная зависимость: чем меньше размер файла, тем ниже его качество.	Разработан в конце 90-х в качестве альтернативы GIF и JPG. 8-битный PNG максимально поддерживает 256 цветов, но с более широким диапазоном опции прозрачности (правда, некоторые опции прозрачности до сих пор не поддерживаются IE, что для веб-формата, конечно, оригинально, хотя винить в этом нужно Microsoft:)). 24-битный PNG поддерживает то же количество цветов, что и JPG, но не может урезать размер файла, как JPEG, поскольку этот формат использует так называемый метод сжатия без потерь качества (почитать о нем можно здесь: сайт).

Из приведенной выше таблицы мы можем выделить следующее:

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

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

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

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

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

Доказываем эмпирически

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

Для сравнения форматов использовалась команда File > Safe for Web в Photoshop CS2. Как мы можем убедиться из рисунка, первое изображение, которое помечено как Original, имеет наилучшее качество и наибольший размер (еще бы, ведь это же исходник:)). Тут его обходит даже PNG 24, но учитывайте, что JPG здесь указан оригинальный, а значит, уровень компрессии был наименьший - если вы выберете High для формата Jpeg в настройках диалогового окна Safe for Web, то размер будет совсем другой, а качество на глаз не хуже. Увеличим изображения, чтобы увидеть различия в компрессии разными форматами.

Отсюда можно сделать вывод, что наиболее приближенный к оригиналу результат дает PNG-24, но вот файл он урезает менее чем на 50%, в то время как JPEG-файл довольно высокого качества (80) - более чем на 90%. Рассмотрим другие уровни сжатия JPEG-формата.

Оптимальным вариантом между размером и качеством в данном случае будет JPEG с уровнем компрессии 60. Осталось взглянуть "вблизи" на GIF и PNG- 8.

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

Совет:

Дабы хоть как-то упомянуть о других форматах, скажу, что, если вы хотите сохранить файл без дефектов от компрессии, то сохраняйте его либо в RAW, либо в PSD, либо в Tiff. А если вам нужно показать файл в Сети с минимальными потерями в качестве, но оптимальным весом, то смело выбирайте JPEG с качеством 100% - тогда никаких видимых дефектов никто не обнаружит.

JPEG, GIF, PNG и логотипы

Теперь, когда мы знаем, какой формат использовать для фотографий, рассмотрим, почему для логотипов (их публикации в Сети) лучше использовать PNG-8:).
Начнем с JPG. Нетрудно заметить появление характерных артефактов по краям объектов и большой относительно других форматов размер файла. При аналогичных параметрах GIF и PNG последний позволяет получить меньший размер файла при сохранении оптимального качества. Думаю дополнительные комментарии здесь излишни.

JPEG, GIF, PNG и фон

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

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

Итоги

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

Сергей Топорков, http://www.cc-studio.ru/