Форматы растровой графики для сайта

Здравствуйте уважаемый читатель блога «Основы сайтостроения и web дизайна».

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

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

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

Если окунуться в теорию растровой графики, то стоит отметить, что каждое растровое изображение имеет несколько характеристик. Основными характеристиками для растрового изображения являются:

Растровая графика

1. Разрешение изображения;

2. Физический размер изображения;

3. Цветовая модель.

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

Если останавливаться на преимуществах растровых изображений, то стоит отметить следующие преимущества:

1. Это, во-первых, возможность воспроизводить изображения с любым уровнем сложности. Здесь количество деталей, которые необходимо воспроизвести на изображении, напрямую зависит от разрешения изображения.

2. Это возможность микроскопически точной передачи цветовых оттенков и переходов.

3. Это наличие огромного количества программ для просмотра и редактирования растровых изображений.

4. Это доступность и легкость при создании растрового изображения.

Наряду с преимуществами растровая графика имеет и свои недостатки, которые не редко ставят в тупик начинающих веб разработчиков и дизайнеров. К основным недостаткам растровой графики относятся:

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

2. Это невозможность масштабировать, а конкретно увеличивать само изображение без потери качества.

Растровое изображение

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

Но, не смотря на такое многообразие форматов, в web-разработке используется лишь несколько форматов. К таким форматам относятся:

1. Формат GIF(Graphics Interchange Format) – это один из самых популярных форматов, который является, кстати, единственным форматом для web поддерживающим анимацию.

2. Формат PNG(Portable Network Graphics) – это так же очень популярный формат, который, как и предыдущий имеет свою особенность. Формат PNG поддерживает прозрачность, причем это свойство формата «понимают» практически все браузеры.

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

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

×
Оставьте телефон - мы перезвоним