Какой выбрать формат графического изображения – gif, jpeg, png?

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

В этой статье мы кратко обсудим популярные GIF и JPEG форматы, а затем перейдем к PNG и развеем некоторые неверные представления о нем.

Формат GIF (Graphics Interchange Format). Большинство цветных изображений и фонов в Сети являются файлами в формате GIF. Этот компактный формат славится малым размером файлов изображений. Изображения в формате JPEG содержат миллионы цветов, а изображения в формате GIF – не более 256.Кроме этого, формат GIF поддерживает анимацию.

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

GIF также поддерживает анимацию, которая, во времена Web 1.0, в виде многочисленных мигающих изображений, вращающихся знаков, раздражала многих. В гораздо более цивилизованную эпоху Web 2.0, мы до сих пор видим анимированную “Загрузка…”, пока ждем результатов следующего запроса на обновление страницы.
GIF также поддерживает прозрачность, которая является своего рода булевым типом прозрачности. Пиксель в рисунке либо полностью прозрачный, либо полностью непрозрачный.

Формат JPEG (Joint Photographic Experts Group). JPEG не имеет ограничение в 256 цветов. И может содержать миллионы цветов, обладает большим сжатием. Это делает его пригодным для фотографий, и, по сути, большинство цифровых камер в формате JPEG.

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

JPEG не поддерживает прозрачность.

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

Формат PNG (Portable Network Graphics). Данный формат был создан специально для Интернета с целью вытеснения формата GIF. Основное преимущество формата PNG – поддержка 24-битных цветов и прозрачности.

PNG не является форматом с потерями качества, представляется в нескольких видах, но и для практических целей используется лишь в двух видах:
1. PNG8 и
2. полноцветный PNG24.

PNG8, как и GIF, является палитрой изображения. Термины “PNG8″, “Палитра PNG” и “индексный PNG” используются как взаимозаменяемые.

PNG8 по сравнению с GIF:
Плюсы:
- как правило, дает меньший размер файла;
- поддерживает переменную прозрачность;
Минус:
- нет поддержки анимации;

Второй тип PNG, полноцветный PNG, может содержать миллионы цветов, как и JPEG. Кроме того, можно иногда встретить названия PNG24 или PNG32.

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

Давайте подведем итог, отметив, что:

- JPEG является лучшим форматом для фотографий.
- GIF является лучшим форматом для анимации.
- PNG8 – формат, для всего остального – иконки, кнопки, фоны, графики.