Школа Email-маркетинга

Форматы графических файлов или оптимизация изображений – часть 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.

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

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

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

Адаптивная, SEO подготовленная WordPress тема
Очень плохоПлохоСреднеХорошоОтлично (голосов: 1 в среднем: 5,00 из 5)
Загрузка...
Понравилась статья? Поделиться с друзьями:
Комментарии: 1
  1. Андрей Вильянский

    Спасибо за статью, кое что было до этого непонятным. А уж новичкам вообще будет очень полезно ознакомиться.
    Не сочтите за спам, приглашаю вас размещать анонсы на свои замечательные статьи и в мою группу на Subscribe. Писать можно обо всем _http://subscribe.ru/group/ya-dolzhen-eto-znat-klub-bolnyih-internetom/

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: