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

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

• векторные изображения
• растровые (или пиксельные, или битовые)

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

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

Такие изображения создаются в специальных программах - векторных редакторах , например Adobe Illustrator, Adobe Flash , Corel Draw , Autodesk Autocad и других. Поскольку векторные изображения описываются уравнениями, мы не можем увидеть их в "настоящем" виде.

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

Создание векторных изображений можно сравнить со сборкой фигур из конструктора Lego или с созданием аппликаций.

Битовые графические изображения, называемые также растровыми, "обязаны своим существованием "мелким дискретным элементам, образующим распознаваемое изображение.

Рис. 1.2.

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

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

Ярким образцом растрового изображения является цифровая фотография.

Как и векторные , растровые изображения создаются и редактируются в программах - растровых редакторах, таких, как Adobe Photoshop, Corel Photopaint, Microsoft Paint и других.

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

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

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

Для определения понятия разрешения необходимо выбрать единицу длины; чаще всего используют британскую - дюйм ( inch ), равный 2,54 cм. Можно рассматривать и метрическую систему, но эта система не прижилась среди специалистов, поэтому фактически не используется.

Число пикселов на единицу длины называется разрешением изображения ( image resolution ), и его количественной единицей считается ppi (pixels per inch - пикселы на дюйм).

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

Для лучшего усвоения понятия разрешения можно предложить учащимся небольшую задачу:

• 5 клеточек в тетради по длине приблизительно равны одному дюйму; отметьте полоску из пяти клеток и закрасьте одну клеточку. Если размер пиксела будет размером с эту клеточку, какое будет разрешение у этого изображения? (5ppi)
• Еще раз отметьте такую же полоску и закрасьте квадратик в четверть клеточки. Как изменилось разрешение? Каково оно? Как изменился размер пиксела? (10 ppi , разрешение изменилось в 2 раза, размер пиксела - в 4 раза)

Разрешение показывает, сколько пикселов содержится в одном линейном дюйме, и, если известны размеры изображения, можно точно сказать, сколько пикселов в нем содержится. Например, если изображение имеет размер 1 дюйм на 1 дюйм, а разрешение изображения равно 8 ppi , можно заключить, что все изображение содержит 64 пиксела. Если разрешение - 16

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

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

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

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

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

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

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

Растровая графика, общие сведения

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

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

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

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

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

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

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

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

Распространены форматы .tif, .gif, .jpg, .png, .bmp, .pcx и др.

Растровые представления изображений

Пиксел - основной элемент растровых изображений. Именно из таких элементов состоит растровое изображение.

Цифровое изображение - это совокупность пикселей. Каждый пиксел растрового изображения характеризуется координатами x и y и яркостью V(x,y) (для черно-белых изображений). Поскольку пикселы имеют дискретный характер, то их координаты - это дискретные величины, обычно целые или рациональные числа. В случае цветного изображения, каждый пиксел характеризуется координатами x и y, и тремя яркостями: яркостью красного, яркостью синего и яркостью зеленого цветов (V R , V B , V G). Комбинируя данные три цвета можно получить большое количество различных оттенков.

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

Цвет любого пиксела растрового изображения запоминается с помощью комбинации битов. Чем больше битов для этого используется, тем больше оттенков цветов можно получить. Под градацию яркости обычно отводится 1 байт (256 градаций), причем 0 - черный цвет, а 255 - белый (максимальная интенсивность). В случае цветного изображения отводится по байту на градации яркостей всех трех цветов. Возможно кодирование градаций яркости другим количеством битов (4 или 12), но человеческий глаз способен различать только 8 бит градаций на каждый цвет, хотя специальная аппаратура может потребовать и более точную передачу цветов. Цвета, описываемые 24 битами, обеспечивают более 16 миллионов доступных цветов и их часто называют естественными цветами.

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

Цветовое пространство, образуемое интенсивностями красного, зеленого и синего, представляют в виде цветового куба

Вершины куба A, B, C являются максимальными интенсивностями зеленого, синего и красного соответственно, а треугольник, которые они образуют, называется треугольником Паскаля. Периметр этого треугольника соответствует максимально насыщенным цветам. Цвет максимальной насыщенности содержит всегда только две компоненты. На отрезке OD находятся оттенки серого, причем тока O соответствует черному, а точка D белому цвету.

Виды растров

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

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

− все фигуры должны быть одинаковые;

− должны полностью покрывать плоскость без наезжания и дырок.

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

Рассмотрим способы построения линий в прямоугольном и гексагональном растре.

В прямоугольном растре построение линии осуществляется двумя способами:

1) Результат - восьмисвязная линия. Соседние пиксели линии могут находится в одном из восьми возможных положениях. Недостаток - слишком тонкая линия при угле 45°.

2) Результат - четырехсвязная линия. Соседние пиксели линии могут находится в одном из четырех возможных положениях. Недостаток - избыточно толстая линия при угле 45°.

В гексагональном растре линии шестисвязные (см. рис. 6) такие линии более стабильны по ширине, т.е. дисперсия ширины линии меньше, чем в квадратном растре.

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

Моделирование гексагонального растра. Возможно построение гексагонального растра на основе квадратного. Для этого гексаугольник представляют в виде прямоугольника.

Факторы, влияющие на количество памяти, занимаемой растровым изображением

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

− размер изображения;

− битовая глубина цвета;

− формат файла, используемого для хранения изображения.

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

Связь между битовой глубиной и размером файла непосредственная. Чем больше битов используется в пикселе, тем больше будет файл. Размер файла растровой графики сильно зависит от формата выбранного для хранения изображения. При прочих равных условиях, таких как размеры изображения и битовая глубина существенное значение имеет схема сжатия изображения. Например, BMP файл имеет, как правило, большие размеры, по сравнению с файлами PCX и GIF, которые в свою очередь больше JPEG файла.

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

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

Достоинства:

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

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

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

Всю двумерную компьютерную графику можно разделить на 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 бита.

06. 07.2017

Блог Дмитрия Вассиярова.

Что такое растровая графика и где её применение?

Здравствуйте.

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

Разбираемся в понятиях

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

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

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

Разница с пиксельной графикой

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

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

Отличие от векторной графики

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

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

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

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

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

Характеристики растровых изображений

Основными свойствами растровых картинок являются:

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

• Размер. Не путайте его с предыдущим параметром, как это делают многие. Эта характеристика указывает на общее количество пикселей в изображении или точное - по ширине и высоте. К примеру, картинка на 1600×1200px в общей сложности содержит 1 920 000 точек, что округленно составляет 2 мегапикселя.
  Как правило, в фотобанках принимают фото максимум на 4 Мп, а для иллюстрирования - 25 Мп.

• Цветовое пространство. Способ отображения цветов в координатах. То есть каждый цвет представлен точкой, имеющий свое расположение в палитре. Если вы имели дело с Фотошопом, могли заметить, что при выборе какого-то оттенка, выводятся его точные координаты. Об этом и речь.
  Цветовая модель бывает таких видов: RGB, CMYK, YCbCr, XYZ и пр.

• Глубина цвета. Вычисляется по формуле: N = 2ᵏ, где N - количество цветов, а k - глубина. Указывает, сколько бит приходится на цвет каждого пиксела. От этого зависит максимальное число оттенков, которое может содержать изображение. Чем оно больше, тем точнее будет картинка.

Плюсы и минусы

Растровая графика обладает такими преимуществами:

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

• Популярность. Данный вид графики используется повсеместно.
• Возможность автоматизированного ввода информации. Например, когда вы с помощью сканера делаете из реальной фотографии цифровую копию.
• Быстрая обработка сложных картинок. Правда, за исключением случаев, когда требуется сильное увеличение.
• Адаптация под различные устройства ввода-вывода (мониторы, принтеры, фотоаппараты, телефоны и пр.), а также под множество программ для просмотра. Кстати, создать и редактировать растровые файлы вы можете в таких прогах как Adobe PhotoShop, Corel PhotoPaint, Ulead PhotoImpact GIMP и т. п.

Есть и отрицательные стороны:

• Большой вес изображений.
• Невозможность увеличения без снижения качества (проявляются пикселы);
• Невозможность уменьшения без потери деталей.

Форматы растровых картинок

Форматом, по сути, является то, что вы видите в названии изображения после точки (.jpeg, .png, .raw и пр.). Также его еще называют расширением, которое многие путают с разрешением из-за схожести в звучании.

Расскажу об основных форматах растровой графики:

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

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

• TIFF (Tagged Image File Format). Альтернатива предыдущему варианту. Некоторые фотоаппараты, которые не поддерживают RAW, могут делать кадры в этом формате. В нем сохраняются изображения очень высокого качества с любыми цветовыми моделями. Но за это приходиться платить слишком большим весом файлов (от 8 до 20 Мб).

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

Однако не поддерживает анимацию.

На этом всё. Что такое растровая графика понятно я думаю освятил?

До встречи на страницах моего блога.