Мобильные 

Что такое растровая графика и где её применение? Растровая графика Недостатки и ограничения растровой графики.

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



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

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

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

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

Технологии обработки графической информации.

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

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

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

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

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

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

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

пиксел - отдельный элемент растрового изображения;

видеопиксел - элемент изображения на экране монитора;

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

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


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

Для разрешения проблемы обработки объемных (в смысле затрат памяти) изображений используются два основных способа:

1. увеличение памяти компьютера;

2. сжатие изображений.

Другим недостатком растрового представления изображений является снижение качества изображений при масштабировании.

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

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

Векторную графику часто называют объектно-ориентированной или чертежной графикой. Имеется ряд простейших объектов, или примитивов, например: эллипс, прямоугольник, линия. Эти примитивы и их комбинации используются для создания более сложных изображений. Если посмотреть содержание файла векторной графики, обнаруживается сходство с программой. Он может содержать команды, похожие на слова, и данные в коде АЗСИ, поэтому векторный файл можно отредактировать с помощью текстового редактора. Приведем в условном упрощенном виде команды, описывающие окружность:

объект - окружность;

центр - 50, 70; радиус - 40;

линия: цвет - черный, толщина - 0.50;

заливка - нет.

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

Кроме того, векторная графика в сравнении с растровой имеет следующие преимущества:

§ простота масштабирования изображения без ухудшения его качества;

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

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

Растровая и векторная графика существуют не обособлено друг от друга. Так, векторные рисунки могут включать в себя и растровые изображения. Кроме того, векторные и растровые изображения могут быть преобразованы друг в друга - в этом случае говорят о конвертации графических файлов в другие форматы. Достаточно просто выполняется преобразование векторных изображений в растровые. Не всегда осуществимо преобразование растровой графики в векторную, так как для этого растровая картинка должна содержать линии, которые могут быть идентифицированы программой конвертации (типа СоrеlТrасе в составе пакета СоrеlDrаw) как векторные примитивы. Это касается, например, высококачественных фотографий, когда каждый пиксел отличается от соседних.

Разрешающая способность - это количество элементов в заданной области. Этот термин применим ко многим понятиям, например, таким как:

§ разрешающая способность графического изображения;

§ разрешающая способность принтера как устройства вывода;

§ разрешающая способность мыши как устройства ввода.

Например, разрешающая способность лазерного принтера может быть задана 300 dpi (dot per inche - точек на дюйм}, что означает способность принтера напечатать на отрезке в один дюйм 300 отдельных точек. В этом случае элементами изображения являются лазерные точки, а размер изображения измеряется в дюймах.

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

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

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

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

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

Существуют два метода описания цвета : система аддитивных и субтрактивных цветов .

Система аддитивных цветов работает с излучаемым светом. Аддитивный цвет получается при объединении разноцветных лучей света. В системе используются три основных цвета: красный, зеленый и синий (Rеd, Grееn, Вlue - RGB ). При смешивании их в разных пропорциях получается соответствующий цвет. Отсутствие этих цветов представляет в системе черный цвет. Схематично смешение цветов показано на рисунке 1.

а) Аддитивный цвет б) Субтрактивный цвет

Рисунок 7 - Система смешения цветов

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

В системе субтрактивных цветов основными являются голубой, пурпурный и желтый цвета (Суаn, Маgеnta, Уеllow - СМY) - дополнительные красному, зеленому и синему. Когда эти цвета смешивают на бумаге в равной пропорции, получается черный цвет. Этот процесс проиллюстрирован на рисунке б. В связи с тем, что типографские краски не полностью поглощают свет, комбинация трех основных цветов выглядит темно-коричневой. Поэтому для корректировки тонов и получения истинно черного цвета в принтеры добавляют немного черной краски. Системы цветов, основанные на таком принципе четырехцветной печати, обозначают аббревиатурой СМУК (Суаn, Маgеnta, Уеllow, blасК).

Существуют и другие системы кодирования цветов, например, представление его в виде тона, насыщенности и яркости (Нuе, Sаturation, Вrightness - НSВ ).

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

При уменьшении, например, насыщенности красного цвета, он делается более пастельным или блеклым. Яркость (или освещенность) цвета показывает величину черного оттенка, добавляемого к цвету, что делает его более темным. Система НSВ хорошо согласуется с моделью восприятия цвета человеком. Тон является эквивалентом длины волны света, насыщенность - интенсивности волны, а яркость - общего количества света. Недостатком этой системы является необходимость преобразования ее в другие системы: RGВ - при выводе изображения на монитор; СМУК - при выводе на четырехцветный принтер.

Другое обозначение системы НSВ - НSL- (Нue, Sаturation, Light - тон, насыщенность и освещенность).

Рассмотренные системы работают со всем спектром цветов - миллионами возможных оттенков. Однако пользователю часто достаточно не более нескольких сотен цветов. В этом случае удобно использовать индексированные палитры - наборы цветов, содержащие фиксированное количество цветов, например, 16 или 256, из которых можно выбрать необходимый цвет. Преимуществом таких палитр является то, что они занимают гораздо меньше памяти, чем полные системы RGВ и СМУК.

При работе с изображением компьютер создает палитру и присваивает каждому цвету номер, затем при указании цвета отдельного пиксела или объекта просто запоминается номер, который имеет данный цвет в палитре. Для запоминания числа от 1 до 16 необходимо 4 бита памяти, а от 1 до 256 - 8 битов, поэтому изображения, имеющие 16 цветов называют 4-битовыми, а 256 цветов - 8-битовыми. При сравнении с 24 битами, необходимыми для хранения полного цвета в системе RGВ, или с 32 битами - в системе СМУК, экономия памяти очевидна.

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

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

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

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

§ одновременное изменение размеров всех пикселов (в большую или меньшую сторону);

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

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

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

Рисунок 8 - Масштабирование растрового изображения

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

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

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

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

1. групповое сжатие;

2. кодирование методом Хаффмана;

3. сжатие по схеме LZW;

4. арифметическое сжатие;

5. сжатие с потерями,

6. преобразование цветов RGB в цвета УUV.

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

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

Рассмотрим подробнее несколько алгоритмов сжатия.

Групповое сжатие . Групповое сжатие представляет собой одну самых простых схем сжатия файлов. Суть его заключается в том, что серия повторяющихся величин заменяется единственной величиной и ее количеством. На примере можно заметить выгоду в длине между «ааbbbbbbbсdddeeeeaaa» и «2а7b1сЗd4еЗа». Данный алгоритм прост в реализации и хорошо сжимает графические файлы с большими однотонными областями. Групповое кодирование используется во многих форматах растровых файлов, таких как ТIFF, РСХ и т. д.

Кодирование методом Хаффмана . Смысл метода Хаффмана заключается в замене данных более эффективными кодами. Более короткие коды используются для замены более часто появляющихся величин. Например в выражении аbbbcccddeeeeeeeeef есть шесть уникальных величин, с частотами появления: а:1, b:3, с:3, d:2, е:9, f:1. Для образования минимального кода используется двоичное дерево. Алгоритм объединяет в пары элементы, появляющиеся наименее часто, затем пара объединяется в один элемент, а их частоты объединяются. Это действие повторяется до тех пор, пока элементы не объединятся в пары. В данном примере надо объединить а и f - это первая пара, а присваивается нулевая ветвь, а f - 1-я. Это означает, что 0 и 1 будут младшими битами кодов для а и 7 соответственно. Более старшие биты будут получены из дерева по мере его построения.

Суммирование частот дает в итоге 2. Теперь самая низкая частота -2, поэтому пара а и f объединяется с d (которая тоже имеет частоту 2). Исходной паре присваивается нулевая ветвь, а d - ветвь 1. Таким образом, код для а заканчивается на 00; для f на 01,d заканчивается на 1 и будет на один бит короче по сравнению с кодами для а и f.

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


Таблица 8 - Типы графических файлов

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

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

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

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

С примерами растровой графики мы постоянно сталкиваемся в жизни: картинка в телевизоре, мониторе ноута, дисплеи планшета или смартфона — все это примеры растровой графики. Но что же такое растровая графика с технической стороны? Представьте шахматную доску, каждая клетка это минимальная, не делимая единица. В растровой графики принято называть такую минимальную единицу “пиксель”. Любое растровые изображение состоит из множества таких пикселей, которые создают своеобразную мозаику. Т.к. пиксели очень маленькие и их много, наш глаз воспринимает эту мозаику как цельное изображение.

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

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

BMP, GIF, JPG и JPEG, PNG, PICT, PCX, TIFF, PSD (с некоторыми исключениями см. ниже)

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

Их достаточно много, но основные это Photoshop и Paint brush (программа по умолчанию установленная на Windows), так же специализированные редакторы растровой графики для цифрового рисунка (например Сorel Painter).

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

Самым главным недостатком растровой графики является потеря качества при увеличении изображения. Что происходит когда вы растягиваете растровые изображение: между существующими пикселями графический редактор растровой графики создает дополнительные, а цвет применяет средний с сопряженными пикселями. В итоге мы получаем “размытое”, не четкое изображение. Кроме того файлы с растровой графикой имеют больший размер по сравнению с файлами векторной графики.
Если говорить о фотографиях или изображениях в которых надо передать фотографическое качество с полутонами — альтернативы раствором формату нет.

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

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

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

CDR, EPS, Ai, CMX, SVG, PSD (в некоторых случаях)

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

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

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

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

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

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

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

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

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

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

Точка растрового изображения обозначается термином "пиксель".

Рис. 8.3.

Пиксель

Напомним, что термин "пиксель" ("пиксел") (от англ. pixel, pel – сокращение от англ. pix element, picture cell, picture element – элемент изображения) имеет два значения:

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

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

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

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

ГОСТ 27459–87 "Системы обработки информации. Машинная графика. Термины и определения" иод термином "пиксель" понимает "наименьший элемент поверхности визуализации, которому могут быть независимым образом заданы цвет, интенсивность и другие характеристики изображения".

Характеристики растрового изображения

Растровые изображения характеризуются следующими параметрами:

  • количество пикселей – может указываться отдельно количество пикселей по ширине и высоте (1024 х 768, 640 х 480 и т.п.) или же общее количество пикселей;
  • разрешение – величина, говорящая о возможном размере и детальности изображения;
  • количество используемых цветов или глубина цвета;
  • цветовой режим – градации серого, индексированный, RGB, CMYK и др.;
  • цветовое пространство (цветовая модель ) – RGB, CMYK, LAB, HSV и др.

Рис. 8.4.

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

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

Создается растровая графика фотоаппаратами, сканерами, непосредственно в растровом редакторе, а также путем экспорта из векторного редактора или в виде снимков экрана.