Здравствуйте уважаемый читатель блога «Основы сайтостроения и 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 воспроизводят изображения с любым уровнем сложности, а так же с микроскопической точностью передачи цветовых оттенков и переходов.
Подробно о всех форматах изображений используемых при создании сайта, читайте в моих следующих статьях. И на этом на сегодня все.
