Растровые и векторные изображения. Растровая и векторная графика Недостатки и ограничения векторной графики

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

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 Мб).



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

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

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

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

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

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

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

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

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

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

Рис. 1. Цветовой Куб

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

Виды растров

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

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

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

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

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

Рис. 3. Треугольный растр

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

Рис. 4. «Гексагональный растр»

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

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

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

Рис. 5. Построение линии в прямоугольном растре

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

Рис. 6. Построение линии в гексагональном растре

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

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

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

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

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

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

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

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

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

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

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

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

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

Недостатки:

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

О сжатии растровой графики

Иногда характеристики растрового изображения записывают в такой форме: 1024x768x24. Это означает, что ширина изображения равна 1024 пикселям, высота – 768 и глубина цвета равна 24. 1024x768 – рабочее разрешение для 15 – 17 дюймовых мониторов. Несложно догадаться, что размер несжатого изображения с такими параметрами будет равен 1024*768*24 = 18874368 байт. Это более 18 мегабайт – слишком много для одной картинки, особенно если требуется хранить несколько тысяч таких картинок – это не так уж много по компьютерным меркам. Вот почему компьютерную графику используют почти всегда в сжатом виде.

RLE (Run Length Encoding) – метод сжатия, заключающийся в поиске последовательностей одинаковых пикселей в сточках растрового изображения («красный, красный, ..., красный» записывается как «N красных»).

LZW (Lempel–Ziv–Welch) – более сложный метод, ищет повторяющиеся фразы – одинаковые последовательности пикселей разного цвета. Каждой фразе ставится в соответствие некоторый код, при расшифровке файла код замещается исходной фразой.

При сжатии файлов формата JPEG (с потерей качества) изображение разбивается на участки 8x8 пикселей, и в каждом участке их значение усредняется. Усреднённое значение располагается в левом верхнем углу блока, остальное место занимается меньшими по яркости пикселями. Затем большинство пикселей обнуляются. При расшифровке нулевые пиксели получают одинаковый цвет. Затем к изображению применяется алгоритм Хаффмана.

Алгоритм Хаффмана основан на теории вероятности. Сначала элементы изображения (пиксели) сортируются по частоте встречаемости. Затем из них строится кодовое дерево Хаффмана. Каждому элементу сопоставляется кодовое слово. При стремлении размера изображения к бесконечности достигается максимальность сжатия. Этот алгоритм также используется в архиваторах.

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

Геометрические характеристики растра

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

    разрешение оригинала;

    разрешение экранного изображения;

    разрешение печатного изображения.

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

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

Мониторы для обработки изображений с диагональю 20–21 дюйм (профессионального класса), как правило, обеспечивают стандартные экранные разрешения 640х480, 800х600, 1024х768,1280х1024,1600х1200,1600х1280, 1920х1200, 1920х1600 точек. Расстояние между соседними точками люминофора у качественного монитора составляет 0,22–0,25 мм.

Для экранной копии достаточно разрешения 72 dpi, для распечатки на цветном или лазерном принтере 150–200 dpi, для вывода на фотоэкспонирующем устройстве 200–300 dpi. Установлено эмпирическое правило, что при распечатке величина разрешения оригинала должна быть в 1,5 раза больше, чем линиатура растра устройства вывода. В случае, если твердая копия будет увеличена по сравнению с оригиналом, эти величины следует умножить на коэффициент масштабирования.

Разрешение печатного изображения и понятие линиатуры. Размер точки растрового изображения как на твердой копии (бумага, пленка и т. д.), так и на экране зависит от примененного метода и параметров растрирования оригинала. При растрировании на оригинал как бы накладывается сетка линий, ячейки которой образуют элемент растра. Частота сетки растра измеряется числом линий на дюйм (lines per inch – Ipi) и называется линиатурой.

Размер точки растра рассчитывается для каждого элемента и зависит от интенсивности тона в данной ячейке. Чем больше интенсивность, тем плотнее заполняется элемент растра. То есть, если в ячейку попал абсолютно черный цвет, размер точки растра совпадет с размером элемента растра. В этом случае говорят о 100% заполняемости. Для абсолютно белого цвета значение заполняемости составит 0%. На практике заполняемость элемента на отпечатке обычно составляет от 3 до 98%. При этом все точки растра имеют одинаковую оптическую плотность, в идеале приближающуюся к абсолютно черному цвету. Иллюзия более темного тона создается за счет увеличения размеров точек и, как следствие, сокращения пробельного поля между ними при одинаковом расстоянии между центрами элементов растра. Такой метод называют растрированием с амплитудной модуляцией (AM).

Таким образом, разрешающая способность характеризует расстояние между соседни­ми пикселами (рис. 1.). Разрешающую способность измеряют количеством пикселов на единицу длины. Наиболее популярной единицей измерения яв­ляется dpi (dots per inch) – количество пикселов в одном дюйме длины (2.54 см). Не следует отождествлять шаг с размерами пикселов – размер пикселов может быть равен шагу, а может быть как меньше, так и больше, чем шаг.

Рис. 1. Растр.

Размер растра обычно измеряется количеством пикселов по горизонтали и вертикали. Можно сказать, что для компьютерной графики зачастую наибо­лее удобен растр с одинаковым шагом для обеих осей, то есть dpiХ = dpiУ. Это удобно для многих алгоритмов вывода графических объектов. Иначе – проблемы. Например, при рисовании окружности на экране дисплея EGA (устаревшая модель компьютерной видеосистемы, ее растр– прямоуголь­ный, пикселы растянуты по высоте, поэтому для изображения окружности необходимо генерировать эллипс).

Форма пикселов растра определяется особенностями устройства графиче­ского вывода (рис. 1.2). Например, пикселы могут иметь форму прямоуголь­ника или квадрата, которые по размерам равны шагу растра (дисплей на жидких кристаллах); пикселы круглой формы, которые по размерам могут и не равняться шагу растра (принтеры).

Рис. 2. примеры показа одного и того же изображения на различных растрах

Интенсивность тона (так называемую светлоту) принято подразделять на 256 уровней. Большее число градаций не воспринимается зрением человека и является избыточным. Меньшее число ухудшает восприятие изображения (минимально допустимым для качественной полутоновой иллюстрации принято значение 150 уровней). Нетрудно подсчитать, что для воспроизведения 256 уровней тона достаточно иметь размер ячейки растра 256 = 16 х 16 точек.

При выводе копии изображения на принтере или полиграфическом оборудовании линиатуру растра выбирают, исходя из компромисса между требуемым качеством, возможностями аппаратуры и параметрами печатных материалов. Для лазерных принтеров рекомендуемая линиатура составляет 65–100 dpi, для газетного производства – 65–85 dpi, для книжно–журнального – 85–133 dpi, для художественных и рекламных работ – 133–300 dpi.

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

Для оптических сред, пропускающих свет, динамический диапазон лежит в пределах от 0 до 4. Для поверхностей, отражающих свет, значение динамического диапазона составляет от 0 до 2. Чем выше динамический диапазон, тем большее число полутонов присутствует в изображении и тем лучше качество его восприятия.

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

Возвращаясь к аналогии с листом бумаги можно заметить, что любой растровый рисунок имеет определенное количество пикселов в горизонтальных и вертикальных рядах. Существуют следующие коэффициенты прямоугольности для экранов: 320х200, 320х240, 600х400, 640х480, 800х600 и др. Этот коэффициент часто называют размером изображения. Произведение этих двух чисел дает общее количество пикселов изображения.

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

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

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

Количество цветов растрового изображения

Количество цветов (глубина цвета) – также одна из важнейших характери­стик растра. Количество цветов является важной характеристикой для любо­го изображения, а не только растрового.

Классифицируем изображения следующим образом:

    Двухцветные (бинарные) – 1 бит на пиксел. Среди двухцветных чаще всего встречаются черно–белые изображения.

    Полутоновые – градации серого или иного цвета. Например, 256 града­ций (1 байт на пиксел).

    Цветные изображения . От 2 бит на пиксел и выше. Глубина цвета 16 бит на пиксел (65 536 цветов) получила название High Со1ог, 24 бит на пиксел (16,7 млн цветов) – True Со1ог. В компьютерных графических системах используют и большую глубину цвета – 32, 48 и более бит на пиксел.

Форматы растровых графических файлов

GIF – формат, использующий алгоритм сжатия без потерь информации LZW. Максимальная глубина цвета – 8 бит (256 цветов). В нём также есть возможность записи анимации. Поддерживает прозрачность пикселей (двухуровневая – полная прозрачность, либо полная непрозрачность). Данный формат широко применяется при создании Web–страниц. GIF–формат позволяет записывать изображение «через строчку», благодаря чему, имея только часть файла, можно увидеть изображение целиком, но с меньшим разрешением. Его выгодно применять для изображений с малым количеством цветов и резкими границами (например, для текстовых изображений).

JPEG (JPG) – формат, использующий алгоритм сжатия с потерями информации, который позволяет уменьшить размер файла в сотни раз. Глубина цвета – 24 бит. Не поддерживается прозрачность пикселей. При сильном сжатии в области резких границ появляются дефекты. Формат JPEG хорошо применять для сжатия полноцветных фотографий. Учитывая то, что при повторном сжатии происходит дальнейшее ухудшение качества, рекомендуется сохранять в JPEG только конечный результат работы. JPEG широко применяется при создании Web–страниц, а также для хранения больших коллекций фотографий.

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

    GIF – формат удобен при работе с рисованными картинками;

    JPEG – формат лучше использовать для хранения фотографий и изображений с большим количеством цветов;

    для создания анимации и изображений с прозрачным фоном применяется GIF–формат.

BMP – это формат графического редактора Paint. В нём не применяется сжатие. Он хорошо подходит для хранения очень маленьких изображений – таких как иконки на рабочем столе. Большие же файлы в этом формате занимают слишком много места.

PNG – разработан с целью заменить формат GIF. Использует алгоритм сжатия Deflate без потерь информации (усовершенствованный LZW). Максимальная глубина цвета – 48 бит. Поддерживает каналы градиентных масок прозрачности (256 уровней прозрачности). PNG – относительно новый формат, и поэтому ещё не очень распространён. В основном используется в Web–дизайне. К сожалению, даже в некоторых современных браузерах (таких, как Internet Explorer 6) отсутствует поддержка прозрачности PNG и поэтому не рекомендуется использовать прозрачные PNG изображения на Web–страницах.

TIFF – формат, специально разработанный для сканированных изображений. Может использовать алгоритм сжатия без потерь информации LZW. Позволяет сохранять информацию о слоях, цветовых профилях(ICC–профилях) и каналах масок. Поддерживает все цветовые модели. Аппаратно независим. Используется в издательских системах, а также для переноса графической информации между различными платформами.

PSD – формат графического редактора Adobe Photoshop. Использует алгоритм сжатия без потерь информации RLE. Позволяет сохранять всю информацию, создаваемую в этой программе. Кроме этого, в связи с популярностью Photoshop, данный формат поддерживается практически всеми современными редакторами компьютерной графики. Его удобно использовать для сохранения промежуточного результата при работе в Photoshop и других растровых редакторах.

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

Формат

Макс. число бит/пиксел

Макс. число цветов

Макс. размер изображения, пиксел

Методы сжатия

Кодирование нескольких изображений

281 474 976 710 656

2 147 483 647 x 2 147 483 647

Deflation (вариант LZ77)

всего 4 294 967 295

LZW, RLE и другие

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

В обширном классе программ для обработки растровой графики особое место занимает пакет Photoshop компании Adobe. Сегодня он является стандартом в компьютерной графике, и все другие программы неизменно сравнивают именно с ним.

Главные элементы управления программы Adobe Photoshop сосредоточены в строке меню и панели инструментов. Особую группу составляют диалоговые окна – инструментальные палитры:

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

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

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

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

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

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

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

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

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

    графики Векторная графика Фрактальная графика Растровое изображение... третьего порядка. В общем случае уравнение кривой... в формате TIFF можно хранить сведения о масках (контурах) изображений. ...

  • Графика для создания Web страниц во Flash

    Курсовая работа >> Информатика

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

  • Компьютерная графика (9)

    Шпаргалка >> Информатика, программирование

    Поэтому часто встречаются термины "ВЕКТОРНАЯ ГРАФИКА" и "РАСТРО­ВАЯ ГРАФИКА" . В первом случае выполняется кусочно-линейная... математических моделей элементов с целью минимизации общего объема сведений в математической модели объекта М. Таким...

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

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

Известно, что на компьютере изображения представляются в цифровом виде. Цифровое – значит, описано посредством чисел. Это позволяет хранить, просматривать и обрабатывать изображение в графических редакторах.

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

В растровом редакторе (Gimp, Adobe Photoshop, Paint) изображение разбивается на квадратные элементы одинакового размера и каждый такой элемент описывается отдельно. Этот квадратный графический элемент называют пикселом (picture element, pixel).

Пиксель – наименьшая составляющая растровой графики. Один пиксель содержит в себе информацию о расположении по оси Х и Y , а так же информацию о цвете и прозрачности (альфа-канал).

Изображения, представленные посредством пикселей, называют растровыми, то есть разложенные на элементы.

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

Важными характеристиками для таких изображений являются:

  • Количество пикселов - разрешение. Они могут указываться отдельно по ширине и высоте (640х480; 1024х768), но иногда указывается общее количество пикселов.
  • Цветовое пространство (цветовая модель) RGB, CMYK, HSV и т.д.
  • Количество используемых цветов или глубина цвета (эти характеристики имеют следующую зависимость: N = 2 I , где N - количество цветов, а I - глубина цвета)

Разрешение

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

Наиболее распространенная единица измерения – dpi – количество пикселов на одном дюйме длины (1 дюйм = 2,54 см).

Но что да ет разрешение?

1 дюйм практически совпадает с 5ю клетками в тетради и если обвести их и закрасить одну клетку, то разрешение нашего «рисунка» будет 5 dpi .

Теперь уменьшим размер клетки-пикселя в 4 раза, закрасим только четверть клетки, в этом случае разрешение увеличится только в 2 раза, ведь на одну длину теперь приходится 10 клеток-пикселей

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

разрешение 300 dpi разрешение 72 dpi

Количество цветов

Глубина цвета - набор цветов, используемый для отображения изображения.

  • двухцветные – 1 бит на пиксель. Как правило, это черно-белые изображения;

  • полутоновые – 1 байт на пиксель (256 градаций). Это градации серого или другого цвета;

Растры, пиксели, дискретизация, разрешение

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

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

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

Рисунок 1.

У нас получился так называемый растровый рисунок, состоящий из квадратиков-пикселей.

Определение 1

Пиксель (англ. pixel = picture element, элемент рисунка) – это наименьший элемент рисунка, для которого можно задать свой цвет. Разбив «обычный» рисунок на квадратики, мы выполнили его дискретизацию – разбили единый объект на отдельные элементы. Действительно, у нас был единый и неделимый рисунок – изображение ромба. В результаты мы получили дискретный объект – набор пикселей.

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

  • заменяем белые пиксели нулями, а черные – единицами;
  • выписываем строки полученной таблицы одну за другой.

Пример 1

Покажем это на простом примере:

Рисунок 2.

Ширина этого рисунка – $8$ пикселей, поэтому каждая строчка таблицы состоит из $8$ двоичных разрядов – битов. Чтобы не писать очень длинную цепочку нулей и единиц, удобно использовать шестнадцатеричную систему счисления, закодировав $4$ соседних бита (тетраду) одной шестнадцатеричной цифрой.

Рисунок 3.

Например, для первой строки получаем код $1A_{16}$:

а для всего рисунка: $1A2642FF425A5A7E_{16}$.

Замечание 1

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

Определение 2

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

Разрешение обычно измеряется в пикселях на дюйм (используется английское обозначение $ppi$ = pixels per inch). Например, разрешение $254$ $ppi$ означает, что на дюйм ($25,4$ мм) приходится $254$ пикселя, так что каждый пиксель «содержит» квадрат исходного изображения размером $0,1×0,1$ мм. Чем больше разрешение, тем точнее кодируется рисунок (меньше информации теряется), однако одновременно растет и объем файла .

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

Что делать, если рисунок цветной? В этом случае для кодирования цвета пикселя уже не обойтись одним битом. Например, в показанном на рисунке изображении российского флага $4$ цвета: черный, синий, красный и белый. Для кодирования одного из четырех вариантов нужно $2$ бита, поэтому код каждого цвета (и код каждого пикселя) будет состоять из двух бит. Пусть $00$ обозначает черный цвет, $01$ – красный, $10$ – синий и $11$ – белый. Тогда получаем такую таблицу:

Рисунок 4.

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

Человек воспринимает свет как множество электромагнитных волн. Определенная длина волны соответствуют некоторому цвету. Например, волны длиной $500-565$ нм – это зеленый цвет. Так называемый «белый» свет на самом деле представляет собой смесь волн, длины которых охватывают весь видимый диапазон.

Согласно современному представлению о цветном зрении (теории Юнга-Гельмгольца), глаз человека содержит чувствительные элементы трех типов. Каждый из них воспринимает весь поток света, но первые наиболее чувствительны в области красного цвета, вторые – области зеленого, а третьи – в области синего цвета. Цвет – это результат возбуждения всех трех типов рецепторов. Поэтому считается, что любой цвет (то есть ощущения человека, воспринимающего волны определенной длины) можно имитировать, используя только три световых луча (красный, зеленый и синий) разной яркости. Следовательно, любой цвет приближенно раскладывается на три составляющих – красную, зеленую и синюю. Меняя силу этих составляющих, можно составить любые цвета. Эта модель цвета получила название RGB по начальным буквам английских слов red (красный), green (зеленый) и blue (синий).

В модели RBG яркость каждой составляющей (или, как говорят, каждого канала) чаще всего кодируется целым числом от $0$ до $255$. При этом код цвета – это тройка чисел (R,G,B), яркости отдельных каналов. Цвет ($0,0,0$) – это черный цвет, а ($255,255,255$) – белый. Если все составляющие имеют равную яркость, получаются оттенки серого цвета, от черного до белого.

Рисунок 5.

Чтобы сделать светло-красный (розовый) цвет, нужно в красном цвете ($255,0,0$) одинаково увеличить яркость зеленого и синего каналов, например, цвет ($255, 150, 150$) – это розовый. Равномерное уменьшение яркости всех каналов делает темный цвет, например, цвет с кодом ($100,0,0$) – тёмно-красный.

Всего есть по $256$ вариантов яркости каждого из трех цветов. Это позволяет закодировать $256^3= 16 777 216$ оттенков, что более чем достаточно для человека. Так как $256 = 2^8$, каждая из трех составляющих занимает в памяти $8$ бит или $1$ байт, а вся информация о каком-то цвете – $24$ бита (или $3$ байта). Эта величина называется глубиной цвета.

Определение 3

Глубина цвета – это количество бит, используемое для кодирования цвета пикселя.

$24$-битное кодирование цвета часто называют режимом истинного цвета (англ. True Color – истинный цвет). Для вычисления объема рисунка в байтах при таком кодировании нужно определить общее количество пикселей (перемножить ширину и высоту) и умножить результат на $3$, так как цвет каждого пикселя кодируется тремя байтами. Например, рисунок размером $20×30$ пикселей, закодированный в режиме истинного цвета, будет занимать $20×30×3 = 1800$ байт.

Кроме режима истинного цвета используется также $16$-битное кодирование (англ. High Color – «высокий» цвет), когда на красную и синюю составляющую отводится по $5$ бит, а на зеленую, к которой человеческий глаз более чувствителен – $6$ бит. В режиме High Color можно закодировать $2^{16} = 65 536$ различных цветов. В мобильных телефонах $12$-битное кодирование цвета ($4$ бита на канал, $4096$ цветов).

Кодирование с палитрой

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

Определение 4

Цветовая палитра – это таблица, в которой каждому цвету, заданному в виде составляющих в модели RGB, сопоставляется числовой код.

Кодирование с палитрой выполняется следующим образом:

  • выбираем количество цветов $N$ (как правило, не более $256$);
  • из палитры истинного цвета ($16 777 216$ цветов) выбираем любые $N$ цветов и для каждого из них находим составляющие в модели RGB;
  • каждому из цветов присваиваем номер (код) от $0$ до $N–1$;
  • составляем палитру, записывая сначала RGB-составляющие цвета, имеющего код $0$, затем составляющие цвета с кодом $1$ и т.д.

Цвет каждого пикселя кодируется не в виде значений RGB-составляющих, а как номер цвета в палитре. Например, при кодировании изображения российского флага (см. выше) были выбраны $4$ цвета:

  • черный: RGB-код ($0,0,0$); двоичный код $002$;
  • красный: RGB-код ($255,0,0$); двоичный код $012$;
  • синий: RGB-код ($0,0,255$); двоичный код $102$;
  • белый: RGB-код ($255,255,255$); двоичный код $112$.

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

Рисунок 6.

Код каждого пикселя занимает всего два бита.

Палитры с количеством цветом более $256$ на практике не используются.

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

Растровое кодирование имеет достоинства :

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

И недостатки :

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

Как правило, растровые рисунки имеют большой объем.

Поддержите проект — поделитесь ссылкой, спасибо!
Читайте также
Восстановление IMEI на Android после прошивки Восстановление IMEI на Android после прошивки Виды монетизации трафика Рекламная строчка Ноликс Виды монетизации трафика Рекламная строчка Ноликс Флешка (жесткий диск) просит форматирования, а на ней были файлы (данные) Флешка (жесткий диск) просит форматирования, а на ней были файлы (данные)