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

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

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

Формат GIF.

Формат GIF(Graphics Interchange Format – формат для обмена изображениями).

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

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

Анимация в GIF

Анимация в GIF

Анимация в GIF

Анимация в GIF

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

Формат JPEG.

Формат JPEG(Joint Photographic Experts GroupОбъединённая группа экспертов по фотографии.)

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

К недостаткам формата JPEG следует отнести отсутствие возможности получения прозрачных участков изображения.

Формат PNG.

Формат PNGФормат PNG был создан как альтернатива формату GIF из-за проблем с патентом, даже его аббревиатуру иногда расшифровывают как «PNG is Not GIF» (PNG — не GIF) .

В программе Photoshop изображение можно сохранить в двух вариантах этого формата: PNG-8 и PNG-24.

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

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

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

Кроме этого, формат PNG-24 позволяет, также как и GIF, иметь прозрачные области изображения.

Формат PNG целесообразно использовать при сохранении небольших высококачественных рисунков. Он широко применяется при оформлении сайтов, выполненных в стиле Web 2.0.

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

Если вас заинтересовала статья, или вам есть, что добавить, оставьте комментарий.

Проголосуйте за статью, нажмите кнопку социальной сети.

Еще советую почитать по этой теме:

Оптимизация изображений в формате PNG
Здравствуйте, уважаемые читатели! В сегодняшней небольшой статье я хочу вернуться к теме оптимизации изображений в формате PNG. Дело в том, что этот формат набирает популярность, ...
Оптимизация изображений в формате JPEG.
Рассмотрим более подробно процесс оптимизации изображений в различных форматах. Оптимизировать изображение можно используя разные программы, но наибольшими возможностями обладает, конечно, графический редактор Adobe Photoshop. ...
Оптимизация изображений – часть 2.
Продолжим разговор об оптимизации изображений. Основная цель, которую преследует оптимизация изображений – уменьшение размера графического файла с наименьшей потерей качества. Достигается это несколькими путями. ...
Оптимизация изображений.
Большое значение для посетителей сайта, да и для его разработчиков имеет скорость загрузки страниц. А зависит она в большей мере от параметров рисунков, расположенных ...
Стиль Web 2.0
Создание сайтов в настоящее время стало одним из видов дизайнерского искусства. И, как в любом виде искусства, здесь возникли свои стили и направления. Классифицировать ...
Очень плохоПлохоСреднеХорошоОтлично (голосов: 1 в среднем: 5,00 из 5)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *