Блог Амельченко Валерия О создании, оптимизации, продвижении и заработке на блогах… RSS Лента Форматы картинок. Какой формат лучше для блога? Опубликовано 18.03.2014 Автор в Seo оптимизация

Добрый день на блоге http://i-thema.ru/! Сегодня хочу рассказать про три самых популярных формата картинок, которые используются в Интернете на сайтах. Эта тема очень важна, ведь различные форматы предназначаются для разных целей. Если знать все нюансы можно легко уменьшить нагрузку на свой хостинг ведь загрузка (вес) различных форматов различаются.

Форматы картинок

В Интернете на сегодняшний день практически не осталось сайтов, которые не имели б картинок. На сегодняшний день самыми популярными форматами картинок являются JPEG, PNG, GIF. Все они различаются между собой по назначению. Некому не секрет что страничка должна «весить» как можно меньше. Размер («вес») графики на сайте зависит от форматов картинок так и от их размеров. Конечно, для уменьшения изображений используют разные методы сжатия, которые могут работать как с уменьшением качества изображения, так и без него.

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

Картинки формата PNG

PNG (Portable Network Graphics) – изначально разрабатывался как альтернатива расширению GIF. Изначально PNG предназначался для применения в вебе. На сегодняшний день картинки формата PNG не приобрели большой популярности. Если быть честным, то я начал использовать PNG изображения у себя на блоге, когда перешел на прозрачный фон картинки. При сжатии данного формата мы не получим потерь в качестве цвета и это дает преимущества сохранять незаконченные изображения в PNG. С помощью вариаций PNG можно легко заменить JPEG и GIF:

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

2)      PNG 24 – 24 означает что используется 24-битная палитра цвета. Данная вариация предназначалась для замены формата JPEG. Как и в формате JPEG, PNG 24 сохраняет яркость и оттенки цветов в фотографиях. Данный формат картинок использует около 16.7 млн. цветов из-за чего пришел на смену полноцветных изображений, как в JPEG. Имеет поддержку многоуровневой прозрачности, что позволяет сделать плавный переход от прозрачной области к цветной.

3)      PNG 32 – похож на вариацию 24, но отличается тем, что можно указать изменение степени прозрачности, а это дает хорошо видимое изображение на любых веб страницах с любым фоном.

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

Картинки формата GIF

GIF (Graphics Interchange Format) – это первый исторически формат используемый в Интернете. Даже на сегодняшний день это расширение имеет большую популярность. Картинки формата GIF имеют маленький размер, поэтому нагрузка на сервер минимальная. Особенность GIF – это наличие анимации.

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

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

Еще одним плюсом использования GIF будет служить примитивная прозрачность изображений. Для любого пиксела можно установить только два значения – прозрачный и непрозрачный.

Картинки формата JPEG

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

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

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

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

Поделиться в соц. сетях
rss