Ваше местоположение в сети:
Рубрика:

Форматы изображений

Разделы сайта:

Давайте обсудим различные форматы изображений. jpg, bmp, gif, png, tiff, ico, вам знакомы эти расширения файлов? При таком количестве разновидностей легко запутаться и хранить свои изображения в неоптимальном виде. Чем это опасно? Например, тем, что используя "сжатие с потерями" вы пожете потерять качество изображений; кроме того, необработанные, "сырые" изображения могут занимать очень много места на диске.

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

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

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

Форматы изображений

Формат BMP

Самый простой формат изображений. Позволяет хранить многоцветные изображения (сейчас нужно сделать отступление о том, как хранится цвет точки в изображении. Как хорошо известно, любой цвет можно разложить на три составляющие - красный, синий и зеленый. Поэтому чтобы описать цвет нужно лишь описать интенсивность этих трех составляющих. Вопрос лишь в том, что это за интенсивность. Понятно, что это - какое-то число, но какое, насколько оно может быть большим? Однозначного ответа на этот вопрос нет, в зависимости от типа и параметров изображения оно может меняться. Так или иначе, обычно говорят про глубину цвета изображения - количество бит, отвечающих за цвет одного пикселя. Например, если это число - 8, то мы можем хранить 2^8=256 различных цветов). Так вот bmp позволяет использовать до 48 бит на пиксель (веб-стандартом является 24).

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

Формат GIF

Очень интересный формат. Глубиной цвета он не радует (8 бит), но для каких-нибудь таблиц этого вполне достаточно. Но у этого формата появляется понятие прозрачности. Один из 256 цветов можно указать как прозрачный, и при отображении рисунка, например, на веб-странице, вместо этого цвета будет виден фон. Далее, у gif опять-таки есть сжатие без потерь, и уровень этого сжатия существенно лучше, чем у bmp.

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

Формат PNG

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

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

Формат JPG

Переходим к самому известному формату с потерей качества, jpg. Потеря качества означает, что применяется необратимое сжатие - из jpg невозможно восстановить изначальное изображение. То есть, вообще говоря, получается рисунок не идентичный изначальному. Но если установить слабый уровень сжатия, то эти отличия будут малосущественны, а объем уже может сильно понизиться. Чем выше уровень сжатия, тем меньше объем и тем больше искажается рисунок.

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

Формат TIFF

Формат всех форматов, контейнер, позволяет использовать другие форматы, сжатие с потерей и без потерь, 192 бита на пиксель. Недостатки - сложность работы с форматом и практически отсутствие поддержки у браузеров. Если вы не профессиональный дизайнер, не используйте tiff.

Формат ICO

Почти что и не формат. ПО структуре больше всего напоминает bmp, но поддерживает прозрачность (как gif). У этого формата разрешены лишь маленькие размеры рисунков, вроде 16 на 16 пикселей. Используется лишь в местах, где нужны маленькие картинки фиксированного размера, например, ярлыки на рабочем столе или так называемые favicon - картинки в браузере рядом с названием сайта.

Конвертация форматов

Подведем итоги сравнения форматов изображений. Сначала небольшая таблица:

< td>разное
Макс. бит/пиксельПрозрачностьАнимацияВеб-поддержка Большие габаритыСжатие
bmp 48- -++без потери, плохое
gif 8булевая +++без потери, хорошее
png 48альфа-канал-++без потери, хорошее
jpg 24- -++с потерей качества
tiff192альфа-канал--+
ico 24альфа-канал-+-без потери, плохое

Таким образом, для маленьких картинок специального назначения можно использовать ico, если вам нужна анимация, то ваш выбор - gif, для фотографий хорошо использовать jpg, а для диаграмм и изображений с малым количеством цветов - png. Формат bmp я использовать вообще не рекомендую, а tiff оставим для профессионалов.

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

Если же вы хотите работать с рисунками на более продвинутом уровне, то вам понадобится хорошая программа для работы с изображениями. Лично я рекомендую gimp - бесплатный аналог фотошопа. Но об этом - в другой раз. Следите за обновлениями!

← Настройка Microsoft OutlookСкорость сайта →
comments powered by Disqus