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

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

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

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

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

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

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

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

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

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

Дискретизация

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

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

Представление изображений в ЭВМ

Изображение:

Растровое

Векторное

Растровое:

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

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

В процессе кодирования изображения производится его пространственная дискретизация.

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

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

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

Плюсы растрового кодирования:

2. Распространённость

Минусы растрового кодирования:

1. Универсальный метод (позволяет закодировать любое изображение)

2. Распространённость

3. Единственный метод для кодирования и обработки размытых изображений, не имеющих чётких границ (фотографий)

4. Растровое изображение естественно для большинства устройств ввода-вывода

Наиболее популярные растровые форматы:

Форматы растровых изображений:

Bit MaP image (BMP) - универсальный формат растровых графических файлов, используется в операционной системе Windows. Этот формат поддерживается многими графическими редакторами, в том числе редактором Paint. Рекомендуется для хранения и обмена данными с другими приложениями.

Graphics Interchange Format (GIF) - формат растровых графических файлов, поддерживается приложениями для различных операционных систем. Включает алгоритм сжатия без потерь информации, позволяющий уменьшить объем файла в несколько раз. Рекомендуется для хранения изображений, создаваемых программным путем (диаграмм, графиков и так далее) и рисунков (типа аппликации) с ограниченным количеством цветов (до 256). Используется для размещения графических изображений на Web-страницах в Интернете.

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

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

Векторное изображение:

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

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

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

Плюсы векторного изображения:

1. Лучший способ для хранения чертежей, схем, карт

2. При кодировании нет потери информации

3. При изменении размера нет искажений

4. Размер файла зависит от сложности рисунка

5. При масштабировании изображения нет искажений

Минусы векторного изображения:

1. Не все объекты можно изобразить в векторном виде

2. Затруднителен перевод из растрового в векторное изображение

3. Неэффективно использовать для фотографий и размытых изображений

Форматы векторных изображений

cdr – формат используемый программойCorelDraw.

cmx – формат графических программ корпорации Corel, предназначенный для передачи рисунков между разными программами.

ai – формат файлов, создаваемых программой Adobe Illustrator.

wmf (Windows Metafile) – графический формат файла в системе Microsoft Windows, универсальный векторный формат, поддерживаемый большинствомWindowsприложений.

eps – относительно универсальный векторный формат файлов, поддерживаемый большинством векторных редакторов - CorelDraw, Adobe Illustrator, Macromedia FreeHand.

fla – исходныеFlash-файлы, создаются вAdobeFlash(бывш.MacromediaFlash).

swf – Flash-формат, который может просматриваются с помощью Flash Player, устанавливамого как plugin в браузер.

svg – Сокращение от англ. Scalable Vector Graphics. Является открытым стандартом, т.е. в отличие от большинства других форматов, SVG не является чьей-либо собственностью.

"

В этом материале мы рассмотрим основные отличия растровых и векторных изображений. Узнаем все преимущества векторной и растровой графики, а также где такую графику лучше использовать для своих целей. Итак, вы, наверное, не раз задавали себе такой вопрос: «Из чего же состоит картинка, которая отображается на экране моего компьютера?» Может быть, вы удивитесь, но на самом деле фото как такового не существует!

Что такое растровое изображение?

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

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

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

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

Теперь давайте познакомимся с понятием векторного изображения . Чтобы продемонстрировать наглядный пример, в я попробую создать новый документ. Перейдем в меню «Файл » —> «Создать «. Давайте , с помощью которого можно будет создавать векторную графику. К примеру, я возьму инструмент «Перо » (2) . Обязательно нужно, чтобы стояла настройка «Слой-фигура » (3) . После этого я расставляю точки в нужных местах (4) . В результате получается определенная фигура. Вы ее можете сделать по своему усмотрению.

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

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

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

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

Векторные изображения хорошо использовать там, где требуется большое увеличение картинки без потери качества. Например, в это могут быть различные визитки, логотипы, баннеры на сайте и много другое. Программа Adobe Photoshop хоть и позволяет работать с векторными картинками, но все же она является растровым редактором. Для работы с векторными изображениями гораздо лучше подходят программы CorelDraw или Adobe Illustrator.

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

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

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

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

Растровые изображения

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

Как любой живой организм состоит из мельчайших частиц — клеток, так растровое изображение состоит из пикселей .

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

Почему этот вид графики такой популярный?

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

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

Несмотря на преимущества, у растра есть серьезные недостатки:

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

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

Векторные изображения

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

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

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

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

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

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

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

3. Возможность трансформации изображения из вектора в растр без потери качества и каких-либо сложностей. Это может сделать фотошоп в два щелчка мыши.

Недостатки:

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

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

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

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

Таким образом, подведем короткие выводы:

— растровые изображения фотореалистичные, а у векторных изображений всегда видно, что они нарисованы;

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

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!