Виды форматов изображений. Основные отличия в свойствах.

  Автор:
  934
виды форматов изображений

А есть ли на самом деле самый лучший формат изображений?

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

Сегодня у нас на рассмотрении  только три необходимых для нас формата изображений это Gif, Png, Jpg. Любое изображение из поисковой системы мы с вами сохраняем на свой компьютер в виде файла, по названию которого можно определить  вид формата  по последним трём буквам его имени. Это так называемое расширение файла. И выглядит оно так:

*название файла.gif— данный файл имеет расширение формата Gif, соответственно

*название файла.png-расширение формата Png

*название файла.jpg-расширение формата Jpg

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

1.Цветовая палитра изображений

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

Формат GIF палитра изображений с ограниченным количеством цветов до 256 ,в то время как формат JPEG может содержать до 16.7 миллионов цветов, а вот у формата PNG  имеется некоторое разделение:

— PNG-8 — идентично GIF, использует индексные цвета, ограниченная цветовая палитра;

— PNG-24 — поддерживает, много миллионов цветов;

 2.Прозрачность изображений

Изображение считается прозрачным, если при наложении на другое изображение не закрывает его.

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

Виды форматов изображений
Рис 1

Формат Jpg не поддерживает прозрачность, и при наложении на другую картинку будет отображаться с фоном, полностью закрывая картинку на которую идёт наложение.

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

Формат png плюс к прозрачности поддерживает ещё  и полупрозрачность (альфа-канал). Это свойство позволяет делать плавные переходы  и такая качественная прозрачность позволяет накладывать рисунок на любой фон, такие картинки будут одинаково хорошо смотреться на веб страничках с любым фоном, в то время как у gif формата явно выражен белый ореол вокруг изображения.  Это прямое следствие отсутствия поддержки полупрозрачности форматом GIF.

3.Поддержка анимации

Анимация-это серия изображений, которые циклично меняют друг друга.

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

4.Вес изображения

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

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

Виды форматов изображений
Рис.2

5.Качество изображения

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

 Gif формат способен хранить сжатые данные без потери качества до 256 цветов. Это означает, что данные, восстановленные из Gif будут в точности соответствовать исходным.

У png формат сжатия изображений тоже без потерь качества, но вес будет уже больше чем у gif.

Формат сжатия jpg происходит с потерями качества. Это означает, что сжатие  необратимо, из jpg уже невозможно будет восстановить исходное изображение. В формате jpg при не совсем большом уровне сжатия, сложно будет заметить изменения в качестве т.к. в данном случае удаляется та информация, которая не существенна для восприятия изображения, а вес при этом уже может сильно понижаться. Чем больше будет  уровень сжатия, тем меньше вес и тем больше будет искажаться качество рисунка. Поэтому для jpg рекомендуется использовать путь оптимального соотношения размер (вес)/качество.

Для закрепления все основные свойства форматов выведены в табл.1

лучший формат изображений
Таблица 1

Таким образом, на вопрос «какой лучший формат изображений», нельзя ответить однозначно, у каждого вида формата изображений свои преимущества и недостатки, свое назначение, которое надо понимать и правильно использовать!

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

Интересная статья? Поделитесь ею пожалуйста с другими:
Оставьте ваш комментарий или вопрос