Растровая графика, общие сведения - лекция. Электронный учебник по курсу "повышение квалификации руководящих работников, специалистов и преподавателей вуза в области икт" Основные понятия векторной и растровой графики

Основные понятия растровой графики

Чем отличается растровая графика от векторной

Всю двумерную компьютерную графику можно разделить на 2 больших класса – векторную и растровую.

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

Растровая – двумерный массив "квадратиков" (пикселей) различных цветов, малых настолько, что при взгляде на растровое изображение мы видим не набор пикселей, а целостную картину.

Параметры растрового изображения

Растровое изображение характеризуется двумя важными параметрами – размер и разрешение.

Размер – это размерность массива, количество пикселей по горизонтали и вертикали.

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

Системы представления цвета

Существуют две основные системы представления цвета – RGB и CMYK . Первая применяется в компьютерных мониторах, вторая – при печати на бумаге. Главное их отличие – на экране отсутствие цвета представлено черным цветом, на бумаге – белым. Соответственно, смешению максимального количества цветов на экране соответствет белый, на бумаге – черный. Таким образом, системы противоположны друг другу. В RGB в качестве основных используются красный (Red), зеленый (Green) и синий (Blue) цвета, в CMYK – противоположные им голубой (Cyan), пурпурный (Magenta) и желтый (Yellow). Однако на бумаге из-за несовершенства печатных устройств не удается создать идеально черный цвет путем смешения, поэтому в системе CMYK добавляется еще один базовый цвет – черный (black).

Глубиной цвета называется количество бит, хранящих информацию о цвете, приходящихся на один пиксел изображения. От этого параметра зависит количество используемых в изображении цветов. Скажем, 8-битная глубина цвета – это 2^8 = 256 цветов. Уровень качества, при котором человеческий глаз неспособен отличить компьютерное фотографическое изображение от настоящего – 24 бита, т.е. около 16 миллионов цветов.

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

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

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

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

Пиксел

Растровое изображение – сетка или растр, ячейки которой называются пикселами. Другими словами, можно представить, что изображение состоит из конечного числа квадратиков определенного цвета. Эти квадратики называют pixel (от PICture ELement) - пиксел или пиксель

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

Размер и разрешение

Основные характеристики растрового изображения: размер и разрешение.

Размер растрового изображения определяется в пикселах. Как было сказано, пикселы - это условные квадратики, на которые разбивается реальное изображение. В этом случае указывается количество пикселов в горизонтальной линии и вертикальной. Например "растр 2048 на 1536 пикселов" означает, что изображение представляет из себя матрицу 2048 пикселов шириной и 1536 высотой.

Число пикселов на единицу длины называется разрешением изображения и измеряется в пикселах на дюйм ppi (pixels per inch) или в точках на дюйм, а dpi (dots per inch) – для монитора, принтера, сканера Она определяет, во сколько пикселов превратиться линия длиной 1 дюйм.

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

Если иметь ввиду устройства ввода/вывода, как правило, используются единицы от 100 dpi до 2400 dpi. 100 dpi - это весьма посредственное качество, абсолютно непригодное для любой профессиональной деятельности. Лазерные принтеры обычно имеют от 300 до 600 dpi

Размер изображения на экране определяет количество пикселов в изображении, размер монитора и его параметры. Большой монитор с экранной матрицей 640х480 имеет более крупные пикселы, чем маленький с той же размерностью. Разрешающая способность PC монитра 96 dpi. При размещении изображении надо это учитывать. Например, изображение с 144 ppi на экране с разрешающей способностью 72 dpi вдвое превышает реальный размер.

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

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

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

212= 45= 67= 45= 127= 4= 78= 245= 34 ...

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

Кодирование цвета

Все пикселы имеют цвет, определенным образом указанный цифрой. А как определить, какая цифра необходима? Есть ряд способов кодирования цвета, которые разделяются на 2 основные группы: индексированные (с палитрой) и полноцветные.

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

Второй метод состоит в том, что по номеру цвета мы можем непосредственно определить сам цвет.

При кодировании цвета определяется Глубина цвета - количество бит (байт), которые использует пиксел для представления цвета.

Установка этого параметра определяет следующие типы изображений.

Черно-белое изображение содержит только 2 цвета - черный и белый, кодируемые соответственно 0 и 1. Глубина цвета составляет в данном случае 1 бит.

Индексированное изображение, в отличие от черно-белого режима, имеет палитру побогаче. Насколько? Определять Вам. Как правило, графические редакторы поддерживают палитру от 2 (необязательно черного и белого) до 256 цветов. Количество цветов в палитре определяет два взаимнопротивоположных параметра - качество изображения и его размер.

При улучшении качества увеличивается и размер - 9, 13 и 32 Кб соответственно. Например, для 6 цветов - 3 бита, для 8 - тоже 3 бита, для 16 - 4 бита и для 256 - 8 бит.

Полутоновый (в градациях серого, Grayscale). Тут мы берем черный цвет за 0, белый за 255, а промежуточные оттенки обозначаются соответствующими цифрами. Например - 68 этот цвет, более близкий к черному (темно серый, скажем так...). При этом уже намного удобнее проводить математические операции над изображением, так как по цвету можно напрямую определить его номер. Глубина цвета - 8 бит.

Полноцветный. Как известно, любой цвет можно представить в виде смешения основных трех цветов - красного, синего и зеленого в различных пропорциях. Этим и пользуются при использовании полноцветных изображений. На каждый канал - R, G или B (Red, Green, Blue - Красный, Зеленый или Синий) имеется свой отдельный параметр, указывающий на количество соответствующей компоненты в конечном цвете. Например - (255,64, 23) - цвет содержащий сильный красный компонент, немного зеленого и совсем немного синего. Естествено, что этот режим наиболее подходит для передачи богатства красок окружающей природы: Но он требует и больших расходов, так как глубина цвета тут наибольшая - 3 канала по 8 бит на каждый дают 24 бита.

Растровая графика - это изображения, составленные из пикселов - маленьких цветных квадратиков, размещенных в прямоугольной сетке. Пиксел - это самая маленькая единица цифрового изображения. Качество растрового изображения напрямую зависит от количества пикселов, из которых оно состоит - чем больше пикселов тем больше деталей можно отобразить. Увеличить растровое изображение путем тупого увеличения масштаба не получится - число пикселов увеличить невозможно, в этом, я думаю, многие убеждались, когда старались разглядеть мелкие детали на маленькой цифровой фотографии, приближая ее на экране; в результате этого действия разглядеть что‑то кроме увеличивающихся квадратиков (это как раз они - пикселы) не удавалось. Такой фокус удается только агентам ЦРУ в голливудских фильмах, когда они с помощью увеличения картинки с камеры внешнего наблюдения распознают номера машины. Если вы не являетесь сотрудником этой структуры и не владеете такой волшебной аппаратурой - ничего у вас не выйдет.

У растрового изображения есть несколько характеристик. Для фотостокера самыми важными являются: разрешение, размер и цветовая модель. Иногда размер также называют разрешением и поэтому происходит путаница, чтобы этого не происходило, нужно четко представлять о чем идет речь и «смотреть по контексту» - размер измеряется в Мп (мегапиксехах), а разрешение - dpi или ppi.

Разрешение - это количество пикселей на дюйм (ppi - pixel per inch) для описания отображения на экране или количество точек на дюйм (dpi - dot per inch) для печати изображений. Существует несколько устоявшихся правил: для публикации изображения в сети Интернет используют разрешение 72ppi, а для печати - 300dpi(ppi). Требования микростоков к изображениям - 300dpi, так как многие работы покупаются именно для печати.

Размер - общее количество пикселов в изображении, обычно измеряется в Мп (мегапикселах), это всего лишь результат умножения количества пикселов по высоте на количество пикселов по ширине изображения. То есть, если величина фотографии 2000х1500, то ее размером будет 2000*1500=3 000 000 пикселов или 3Мп. Для отправки на фотобанки размер изображения не должен быть меньше 4Мп, а в случае иллюстрации - не более 25Мп.

Цветовая модель - характеристика изображения, описывающая его представление на основе цветовых каналов. Мне известно 4 цветовые модели - RGB (красный, зеленый и синий каналы), CMYK (голубой, пурпурный, желтый и черный), LAB («светлота», красно-зеленый и сине-желтый) и Grayscale(оттенки серого). Все микростоки принимают растровую графику в цветовой модели RGB.

Достоинства растровой графики:

1. Возможность воспроизведения изображений любого уровня сложности. Количество деталей, воспроизводимых на изображении во многом зависит от количества пикселов.
2. Точная передача цветовых переходов.
3. Наличие множества программ для отображения и редактирования растровой графики. Абсолютное большинство программ поддерживают одинаковые форматы файлов растровой графики. Растровое представление, пожалуй, самый «старый» способ хранения цифровых изображений.

Недостатки растровой графики

1. Большой размер файла. Фактически для каждого пиксела приходится хранить информацию о его координатах и цвете.
2. Невозможность масштабирования (в часности, увеличения) изображения без потери качества.

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

Не смотря на кажущуюся простоту представления растровой графики, ее форматов существует «вагон и маленькая тележка»! И их количество продолжает меняться - какие‑то форматы устаревают, какие‑то только начинают разрабатываться. Описывать все - долго и не интересно, я опишу только те, которые, на мой взгляд, могут быть интересны дизайнерам и фотостокерам.

PNG (Portable Network Graphics) - еще один формат растровой графики, поддерживающий прозрачность, причем не только обычную прозрачность, как GIF, но и полупрозрачность - плавный переход цвета в прозрачную область. Целью создания PNG как раз и была замена GIF, так как компания CompuServe - разработчик формата GIF в 1995 году на 10 лет запатентовала алгоритм сжатия, использованный при создании gif-картинок, что делало невозможным бесплатное использование данного формата в коммерческих проектах.

Преимущества PNG:

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

Недостатка у PNG, на мой взгляд, всего 2:

1. Невозможность создания анимированного изображения
2. Неоднозначное «понимание» прозрачности формата PNG интернет-браузерами. Некоторые браузеры, в основном устаревшие версии, отказываются отображать прозрачные области изображения формата PNG и закрашивают их серым цветом. Но этот недостаток, я думаю, скоро перестанет быть актуальным.

TIFF (Tagged Image File Format) - формат для хранения изображений высокого качества, поддерживает любые из существующих цветовые модели, обеспечивает широкий диапазон изменения глубины цвета, поддерживает работу со слоями. Хранение информации в формате TIFF возможно как с потерями, так и без потерь. Фотокамеры, не поддерживающие RAW-формат иногда могут делать снимки в формате TIFF.

На фотобанки, у которых есть возможность загружать дополнительные форматы к основному изображению в формате JPEG (Dreamstime.com, iStock.com) в качестве дополнительного можно загружать TIFF.

Недостатком формата является большой вес файла, гораздо бОльший, нежели файл RAW-формата такого же качества - каждый снимок в TIFF весит от 8 до 20Мб.

RAW (в переводе с английского «raw» - сырой)

Формат RAW появился благодаря цифровым фотоаппаратам. RAW - это по‑сути «отпечаток», который остается на матрице фотоаппарата в момент съемки, а точнее целых 3 отпечатка - в красном, зеленом и синем цветах. Кроме этих отпечатком в RAW-файле хранятся и некоторые другие данные, которые в подобном случае носят скорее справочный характер, диктующие RAW-конвертеру с какой интерсивностью отразить на экране каждый из цветных каналов для разных пикселов - это балланс белого, цветовое пространство и т.д. Изменение этих параметров никак не отразится на исходной информации, вы можете их безболезненно изменить и в любой момент вернуться к первоначальному виду. С полученным в результате экспорта другим растровым форматом работать будет уже гораздо проблематичнее. Расширения у файлов в формате RAW могут быть разные (.cr2,.crw,.nef и т.д.) в зависимости от марки фотоаппарата - у каждого производителя камер свой способ хранения информации. Для редактирования RAW-файлов и преобразования их в другие растровые форматы производители камер поставляют свой собственный софт и при этом RAW-конвертер фирмы Canon будет читать только RAW-файлы снятые фотоаппаратами Canon (.cr2,.crw) и не сможет прочитать RAW-файл снятый фотоаппаратом Nikon (.nef). Существуют RAW-конвертеры сторонних производителей, которые работают с большинством RAW-файлов. В общем, отсутствие единого стандарта создает определенные неудобства при работе с этим форматом.

Недостатками формата являются большой размер файла (хотя и не такой большой, как TIFF) и отсутствие единого стандарта формирования RAW-файлов для всех производителе й фототехники.

RAW как и TIFF можно отправлять на фотобанки в качестве «дополнительного» формата изображения - наличие исходникаможет повлиять на решение дизайнера о покупке изображния.

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

Не рекомендуется хранить в этом формате промежуточные варианты работы - каждое «пересохранение» будет вести к необратимой потере части информации. Алгоритм сжатия, используемый в этом формате (lossy compress) основан на «усреднении» цвета рядом стоящих пикселов.

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

Формат JPEG - так же основной формат, в котором фотобанки принимают растровые изображения(фотографии и иллюстрации) для продажи. Сохранять конечный вариант файла, отправляемый на микросток, нужно в цветовой модели RGB, разрешением 300dpi и, конечно, в 100%-м качестве. Так же можно вписать в файл IPTC-информацию (название, описание, ключевые слова) - формат JPEG позволяет это сделать и это значительно сэкономит вам время при отправке изображений на несколько фотобанков.

Кроме общих форматов растровой графики (GIF, JPEG, TIFF и др.), которые «читаются» всеми графическими редакторами и просмотровщиками изображений, существуют «родные» форматы почти каждого редактора, которые можно открыть только программой, в которой они были сделаны, например, формат.PSD программы Adobe Photoshop. При обработке фотографий, растровых иллюстраций и разработке дизайна, промежуточные варианты следует сохранять в таких форматах и только финальные версии переводить JPEG. Это нужно для того, чтобы можно было сохранять результаты работы без потери информации и в любой момент внести изменения в изображение или проект.

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

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

Пикселы подобны зернам фотографии и при значительном увеличении они становятся заметными. Растровая карта представляет собой набор (массив) троек чисел: две координаты пиксела на плоскости и его цвет.

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

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

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

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

Из большого числа форматов графических файлов в Интернете сейчас широко используются только два - GIF и JPEG. О них и поговорим подробнее.

GIF - формат

Популярный формат GIF разработан фирмой CompuServe, как не зависящий от аппаратного обеспечения. Он предназначен для хранения растровых изображений с сжатием. В одном файле этого формата может храниться несколько изображений. Обычно эта возможность используется для хранения анимированных изображений (как набор кадров).

GIF-формат позволяет записывать изображение "через строчку" (Interlaced), благодаря чему, имея только часть файла, можно увидеть изображение целиком, но с меньшим разрешением. Эта возможность широко применяется в Интернет. Сначала вы видите картинку с грубым разрешением, а по мере поступления новых данных ее качество улучшается. Основное ограничение формата GIF состоит в том, что цветное изображение может содержать не более 256 цветов. Для полиграфии этого явно недостаточно.

JPEG - формат

Формат файла JPEG (Joint Photographic Experts Group - Объединенная экспертная группа по фотографии ) был разработан компанией C-Cube Microsystems, как эффективный метод хранения изображений с большой глубиной цвета, например, получаемых при сканировании фотографий с многочисленными едва уловимыми (а иногда и неуловимыми) оттенками цвета.

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

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

Сжатие, используемое в формате JPEG, необратимо искажает изображение. Это не заметно при его простом просмотре, но становится явным при последующих манипуляциях. Зато размер файла получается от 10 до 500 раз меньше, чем BMP! Если вы решили записать изображение в формате JPEG, то лучше выполнить все необходимые операции перед первой записью файла.

Сравнение GIF и JPEG

1. GIF-формат удобен при работе с рисованными картинками.
2. JPEG-формат лучше использовать для хранения фотографий и изображений с большим количеством цветов.
3. Для создания анимации и изображений с прозрачным фоном применяется GIF-формат.

Векторная графика

Основным логическим элементом векторной графики является геометрический объект. В качестве объекта принимаются простые геометрические фигуры (так называемые примитивы - прямоугольник, окружность, эллипс, линия), составные фигуры или фигуры, построенные из примитивов, цветовые заливки, в том числе градиенты.

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

Важным объектом векторной графики является сплайн. Сплайн - это кривая, посредством которой описывается та или иная геометрическая фигура. На сплайнах построены современные шрифты TrueType и PostScript .

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

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

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

Векторная графика может включать в себя и фрагменты растровой графики: фрагмент становится таким же объектом, как и все остальные (правда, со значительными ограничениями в обработке).

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

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

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

В последнее время все большее распространение получают программы 3-мерного моделирования, также имеющие векторную природу.

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

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

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

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

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

Глубина кодируется 24 bit на точку – это примерно 16 500 000 цветов. Этот режим называют «Настоящий цвет» . Кодирование в 16 bit на точку позволяет различать 65 536 оттенков цвета. Этот режим получил название «Качественный цвет» . Кодирование в 8 bit на точку позволяет различить всего 256 оттенков цвета. Этот режим известен как «Фиксированные цвета» . Эти понятия непосредственно связаны со второй группой понятий «Цветовые форматы» , о которых мы будем говорить на следующих уроках.

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

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

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

Таким образом, растровое представление обычно используют при сканировании и обработке графических изображений с большим количеством деталей и оттенков, например, фотографий, при создании изображений для использования в других программах, в частности для передачи другим пользователям по сети Internet , при создании различных художественных эффектов, которые возможны благодаря специальным программным фильтрам. Самые известные программы растровой графики — Adobe Photoshop и Corel PHOTO-PAINT .

В каких случаях лучше использовать растровую графику?

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

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

Пиксель характеризуется не только цветом, но и прозрачностью при наложении элементов друг на друга. В случае, когда растровое изображение состоит из одного слоя, его можно сравнить с витражом, состоящим из небольших квадратных цветных стекол, или же с узором, вышитым крестиком. Растровые форматы файлов предназначены исключительно для сохранения растровых изображений. К числу наиболее популярных относятся следующие: BMP , PCX , TIFF , CPT , PSD , GIF и JPEG .

Форматы СРТ и PSD используют для сохранения многослойных изображений, а форматы GIF и JPEG применяют главным образом при работе в Internet , (они обеспечивают приемлемое качество изображений при небольших размерах файлов). В зависимости от того, какую обработку изображения планируется выполнить, может возникнуть потребность представления его в том или ином виде (растровом или векторном). Для преобразования растровых изображений в векторные и наоборот используются соответствующие функции программ векторной графики, а также специализированные программы трассировки Adobe Streamline 4.0 , CorelTRACE 9 . Операция трассировки заключается в формировании в автоматическом или ручном режиме векторного изображения, являющегося копией исходного растрового. Создаваемое изображение состоит из отдельных векторных объектов, раскрашенных определенными цветами и расположенных определенным образом друг относительно друга. Операция преобразования векторного изображения в растровое называется растрированием.

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

Стоит ли тратить время на теорию?

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

Редактирование собственных фотографий также перейдет из состояния «метода научного тыка» на совершенно новый уровень. А у некоторых невинная забава с изображениями на экране постепенно переходила и в достаточно прибыльную работу.

Разница между растровой и векторной графикой

На данный момент в компьютерной среде в основном используется векторная и растровая графика. Они кардинально отличаются друг от друга способом кодирования информации.

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

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

Преимущества и недостатки

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

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

Области применения

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

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

Вспомним, что информация об изображении в нашем случае кодируется с помощью точек. Единицей измерения в этой кодировке служит пиксел. Это - наименьшая точка, которую невозможно поделить ни в отношении размера, ни в отношении цвета.

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

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

Основным отличием между форматами остается способ сохранения информации. Рассмотрим наиболее распространенные.

BMP

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

TIFF

Достаточно громоздкий в масштабах цифровых хранилищ, однако просто незаменимый при выводе информации на печать. В отличие от BMP он поддерживает возможность информации. Причем для этого можно использовать не один, а несколько разных алгоритмов. Однако если вы не работаете в отрасли полиграфической печати или хотя бы какого-то издательства, серьезная мощность этого формата вам особо не понадобится.

GIF

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

JPEG

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

JPEG 2000

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

PNG

Значительно улучшенный по качеству собрат формата GIF. Сохранив буквально все преимущества своего предшественника, он лишен его недостатков. Используется как для так и в дизайне веб-страниц. Кроме того, PNG, в отличие от GIF, официально находится в свободном доступе.

PSD

Растровая графика в формате PSD обрабатывается исключительно в программе Adobe Photoshop. Это внутренний пакет этой программы. Он поддерживает работу со слоями редактируемого изображения.

CDR

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

Редакторы растровой графики

А теперь немного о программах, которые работают с редактированием изображений.

Наиболее популярной среди пользователей на данный момент является программа Adobe Photoshop, в простонародье именуемая просто "Фотошопом". Эта разработка, по сути, монополизировала работу с растровыми изображениями в среде специалистов по дизайну. Однако программа эта платная и стоит она не так мало. Поэтому начали появляться разработки других компаний. Некоторые из них уже получили достаточно широкое применение.

Что до самого "Фотошопа", то это никак не отразилось на его популярности. программы достаточно простой, а в разнообразных видеокурсах и самоучителях недостатка не наблюдается.

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

Графический редактор GIMP

Что до бесплатных программ, то тут можно смело рекомендовать GIMP. Этот графический редактор может легко потеснить раскрученный "Фотошоп". Он превосходно справляется со всеми задачами, необходимыми для редактирования растровых изображений, и имеет некоторые начальные функции для работы с векторной графикой.

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

Графический редактор Corel DRAW

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

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

Бесплатные графические редакторы

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

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

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

Еще одна интересная программа - это Paint.NET. Она очень похожа по своим функциям и возможностям на Adobe Photoshop. А используемые в Paint.NET инструменты могут составить серьезную конкуренцию упомянутому коммерческому аналогу.