Что значит растровый рисунок
Всю двумерную компьютерную графику можно разделить на 2 больших класса – векторную и растровую.
Векторная графика – совокупность разнообразных геометрических форм и более сложных объектов, состоящих из прямых, дуг окружностей и кривых Безье. Главная отличительная черта – масштабируемость векторных изображений без потери качества. Однако ее возможности ограничены, в частности, создать фотографическое изображение средствами векторной графики невозможно.
Растровая – двумерный массив «квадратиков» (пикселей) различных цветов, малых настолько, что при взгляде на растровое изображение мы видим не набор пикселей, а целостную картину.
Параметры растрового изображения
Растровое изображение характеризуется двумя важными параметрами – размер и разрешение.
Размер – это размерность массива, количество пикселей по горизонтали и вертикали.
Разрешение – количество пикселей, приходящихся на дюйм (или другую единицу измерения) распечатанного изображения. Таким образом, разрешение связывает между собой размер растрового изображения в пикселях с физическим размером в дюймах или сантиметрах изображения, выведенного на печать. В то же время на отображение на экране монитора разрешение никоим образом не влияет.
Системы представления цвета
Существуют две основные системы представления цвета – RGB и CMYK. Первая применяется в компьютерных мониторах, вторая – при печати на бумаге. Главное их отличие – на экране отсутствие цвета представлено черным цветом, на бумаге – белым. Соответственно, смешению максимального количества цветов на экране соответствет белый, на бумаге – черный. Таким образом, системы противоположны друг другу. В RGB в качестве основных используются красный (Red), зеленый (Green) и синий (Blue) цвета, в CMYK – противоположные им голубой (Cyan), пурпурный (Magenta) и желтый (Yellow). Однако на бумаге из-за несовершенства печатных устройств не удается создать идеально черный цвет путем смешения, поэтому в системе CMYK добавляется еще один базовый цвет – черный (black).
Глубиной цвета называется количество бит, хранящих информацию о цвете, приходящихся на один пиксел изображения. От этого параметра зависит количество используемых в изображении цветов. Скажем, 8-битная глубина цвета – это 2^8 = 256 цветов. Уровень качества, при котором человеческий глаз неспособен отличить компьютерное фотографическое изображение от настоящего – 24 бита, т.е. около 16 миллионов цветов.
Форматы растровой графики для веба
Разумеется, от объема информации о цвете напрямую зависит объем графического файла в байтах. Поэтому необходим компромисс между качеством воспроизведения и объемом графического файла, что достигается, в частности, путем оптимизации графики. В вебе используются 2 основных формата растровой графики – GIF и JPG.
GIF способен хранить информацию о любом количестве цветов от 2 до 256, за счет сокращения количества цветов достигается резкое уменьшение объема файла.
В формате JPG изображение упрощается за счет дробления на прямоугольные участки различного размера, залитые одним цветом или двухцветным градиентом.
Пиксел
Каждый пиксел в растровом изображении имеет строго определенное положение и цвет. Любой объект интерпретируется как набор окрашенных пикселов. При обработке растровых изображений редактируются не конкретные объекты и контуры, а составляющие их группы пикселов. Растровые изображения обеспечивают высокую точность градации цветов и полутонов и хороши для отображения фотографий. Качество растровых изображений зависит от разрешающей способности оборудования, так как любой рисунок – это определенное количество пикселов. Некорректная обработка текста, например, изменение размера, может привести к тому, что границы рисунков получатся неровными, а мелкие детали могут быть потеряны.
Размер и разрешение
Основные характеристики растрового изображения: размер и разрешение.
Число пикселов на единицу длины называется разрешением изображения и измеряется в пикселах на дюйм ppi (pixels per inch) или в точках на дюйм, а dpi (dots per inch) – для монитора, принтера, сканера Она определяет, во сколько пикселов превратиться линия длиной 1 дюйм.
Изображение с большим разрешением содержит больше пикселов, имеющих меньший размер. Величина разрешения в значительной степени определяет качество изображения.
Размер изображения на экране определяет количество пикселов в изображении, размер монитора и его параметры. Большой монитор с экранной матрицей 640х480 имеет более крупные пикселы, чем маленький с той же размерностью. Разрешающая способность PC монитра 96 dpi. При размещении изображении надо это учитывать. Например, изображение с 144 ppi на экране с разрешающей способностью 72 dpi вдвое превышает реальный размер.
Если на мониторе представлено сканированное изображение, то качество закладывается во время сканирования в зависимости от установленного разрешения. Последующее увеличение разрешения в графическом редакторе не приводит к улучшению изображения, т. к. происходит перераспределение данных на большее количество пикселов.
Изображение состоит из конечного числа пиксел. Каждый пиксел на рисунке имеет определенный цвет, обозначенный цифрой.
Например, можно просмотреть изображение по порядку слева направо и сверху вниз и выписывать номера цветов встречающихся пикселов. Получится строка примерно соедующего вида :
Вот эта строка и есть наши оцифрованные данные. Теперь мы можем сжать их (так как несжатые графические данные обычно имеют достаточно большой размер) и сохранить в файл. Кроме того, этими данными графический редактор может манипулировать, реализовывая все самые смелые замыслы Вашей фантазии.
Кодирование цвета
Все пикселы имеют цвет, определенным образом указанный цифрой. А как определить, какая цифра необходима? Есть ряд способов кодирования цвета, которые разделяются на 2 основные группы: индексированные (с палитрой) и полноцветные.
Идея индексированных растров в том, что номер цвета на самом деле является номером «краски», которой закрашен данный пиксел. Поэтому кроме самих цветов пикселов программе необходимо также знать и «палитру» из которой эти цвета выбираются. Этот способ похож на методы настоящего художника, но не очень хорошо подходит для обработки на компьютере, так как программе кроме самих пикселов приходится мучаться еще и с палитрой, подбирая наиболее подходящие цвета.
Второй метод состоит в том, что по номеру цвета мы можем непосредственно определить сам цвет.
Установка этого параметра определяет следующие типы изображений.
Растровая и векторная графика
Давайте попробуем разобраться, в чём отличие растровой графики от векторной?
Растровая графика
Растровое изображение, как мозаика, складывается из множества маленьких ячеек — пикселей, где каждый пиксель содержит информацию о цвете. Определить растровое изображение можно увеличив его масштаб: на определённом этапе станет заметно множество маленьких квадратов — это и есть пиксели.
Наиболее распространённые растровые форматы: JPEG, PNG.
Растровое изображение и его увеличенный фрагмент
Применение
Растровая графика удобна для создания качественных фотореалистичных изображений, цифровых рисунков и фотографий. Самый популярный редактор растровой графики — Adobe Photoshop.
Пример использования растровой графики: цифровой рисунок (автор изображения: Катя Климович) 
Пример использования растровой графики: фотография
Преимущества
Недостатки
Векторная графика
В отличие от растровых, векторные изображения состоят уже не из пикселей, а из множества опорных точек и соединяющих их кривых. Векторное изображение описывается математическими формулами и, соответственно, не требует наличия информации о каждом пикселе. Сколько ни увеличивай масштаб векторного изображения, вы никогда не увидите пикселей.
Самые популярные векторные форматы: SVG, AI.
Векторное изображение и его увеличенный фрагмент
Применение
Векторная графика используется для иллюстраций, иконок, логотипов и технических чертежей, но сложна для воспроизведения фотореалистичных изображений. Самый популярный редактор векторной графики — Adobe Illustrator.
Преимущества
Недостатки
Мы приходим к выводу, что не существует «серебряной пули»: и растровая, и векторная графика имеют свои достоинства и недостатки, соответственно, стоит выбирать формат, который подходит для решения поставленных перед вами задач.
Подробнее про форматы можно посмотреть в статье «Форматы изображений».
Целая глава о графике
Нажатие на кнопку — согласие на обработку персональных данных
Два типа 2D графики: векторные и растровые изображения
Для того, чтобы вести дискуссию о программах по работе с графикой сначала нужно разобраться в понятиях и различиях между двумя основными типами 2D графики: растровые и векторные изображения. Это очень важный урок, тем более, если вы намереваетесь работать с графикой.
Для начала давайте начнем с разговора о более распространенном типе – о растровых изображениях.
Понятие растрового изображения
Растровые изображения это изображения, которые состоят из крошечных прямоугольных точек индивидуального цвета — пикселей, объединенных воедино. Каждый пиксель имеет свое особое расположение на картинке и свое индивидуальное значение цвета.
Каждое изображение имеет фиксированное количество пикселов. Их вы можете видеть на экране монитора, большинство из которых отображают примерно от 70 до 100 пикселей на 1 дюйм (фактическое количество зависит от вашего монитора и настройки самого экрана).
Чтобы проиллюстрировать это, давайте взглянем на типичный значок на рабочем столе — Мой компьютер, который, как правило, состоит из 32 пикселей по ширине и 32 пикселей по высоте. Другими словами, существует 32 точки цвета в каждом направлении, которые в сочетании формируют изображение такого значка.
Когда вы увеличите этот рисунок, как в примере, вы сможете четко видеть каждый отдельный квадрат определенного цвета. Обратите внимание на то, что белые участки на фоне тоже являются отдельными пикселями, хотя они и отображают один сплошной цвет.
Размер изображения и его разрешение
Растровые изображения зависят от разрешения. Разрешение изображения это число пикселей в изображении на единицу длины. Оно является мерой четкости деталей растрового изображения и обычно обозначается как dpi (точек на дюйм) или ppi (пикселей на дюйм). Эти термины в некотором смысле синонимы, только ppi относится к изображениям, а dpi — к устройствам вывода. Именно поэтому dpi вы можете встретить в описании мониторов, цифровых фотоаппаратов и т. д.
Чем больше разрешение, тем меньше размер пиксела и тем больше их приходится на 1 дюйм, и соответственно тем лучше качество картинки.
Разрешение подбирается для каждого изображения индивидуально и зависит от того, где Вы планируете его использовать:
Как говорилось выше, растровые изображения очень зависят от их разрешения. Именно поэтому при масштабировании, в силу своей пиксельной природы, такие изображения всегда теряют в качестве. Однако, если Вы все таки решились на увеличение размера изображения то лучше всего использовать метод интерполяции, с помощью которого можно добиться весьма неплохих результатов. О данном методе мы поговорим в следующем уроке.
Размер изображения в растровой графике — это физический размер файла, в котором хранится это изображение. Он пропорционален размеру изображения в пикселах.
Программа Photoshop показывает соотношение между размером изображения и его разрешением. Это можно просмотреть, открыв диалоговое окно «Размер изображения», находящееся в меню «Изображение». При внесении изменений в одну из данных величин все остальные автоматически будут приведены в соответствии с измененной.
Подводя итоги можно сказать, что основными характеристиками растровых изображений выступают:
Примером растрового изображения может служить любая фотография или картинка, созданная путем сканирования, фотографирования или рисования в растровом редакторе, а также созданная путем преобразования векторного изображения в растровое.
Форматы растровых изображений
К самым распространенным форматам растровых изображений относятся:
Преобразование между форматами растровых изображений происходит очень легко, при этом используется команда «Сохранить как …», в меню которой после имени файла выбирается формат, в котором Вы хотите сохранить изображение.
Некоторые форматы, а именно GIF и PNG поддерживают прозрачность фона. При этом не стоит забывать о том, что прозрачный фон не будет таковым, если изображение формата GIF или PNG пересохранить в любой другой формат или же скопировать его и вставить в другое изображение.
Программы для работы с растровой графикой
Самые популярные программы для работы с растровой графикой:
Как по мне, то редактор Adobe Photoshop – является самой лучшей из программ.
По сравнению от этого типа графики, векторная графика также имеет немало достоинств. Давайте их рассмотрим.
Что такое векторные изображения
Векторные это изображения, состоящие из множества отдельных, масштабируемых объектов (линий и кривых), которые определены с помощью математических уравнений.
Объекты могут состоять из линий, кривых и фигур. При этом изменение атрибутов векторного объекта не влияет на сам объект, т.е. Вы можете свободно менять любое количество атрибутов объекта, не разрушая при этом основной объект.
В векторной графике качество изображения не зависит от разрешения. Это все объясняется тем, что векторные объекты описываются математическими уравнениями, поэтому при масштабировании они пересчитываются и соответственно не теряют в качестве. Исходя из этого, Вы можете увеличивать или уменьшать размер до любой степени, и ваше изображение останется таким же четким и резким, это будет видно как на экране монитора, так и при печати. Таким образом, вектор – это лучший выбор для иллюстраций, выводимых на различные носители и размер которых приходится часто изменять, например логотипы.
Еще одно преимущество изображений является то, что они не ограничены прямоугольной формой, как растровые. Такие объекты могут быть размещены на других объектах (размещение на переднем или заднем плане выбирается лично Вами).
Для наглядности мной предоставлен рисунок, на котором нарисован круг в векторном и круг в растровом формате. Оба размещены на белых фонах. Но, когда вы размещаете растровый круг поверх другого такого же круга, то увидите, что этот круг имеет прямоугольную рамку, чего, как Вы видите на рисунке, нету в векторе.
На сегодняшний день векторные изображения становятся все более фотореалистичными, это происходит за счет постоянной разработки и внедрения в программы различных инструментов, например, таких как градиентная сетка.
Векторные изображения, как правило, создаются с помощью специальных программ. Вы не можете отсканировать изображение и сохранить его в виде векторного файла без использования преобразования путем трассировки изображения в программе Adobe Illustrator.
С другой стороны, векторное изображение может быть довольно легко преобразовано в растровое. Этот процесс называется растрированием. Также, при преобразовании Вы можете указать любое разрешение будущего растрового изображения.
Очень важно, перед растрированием, сохранить оригинал изображения в векторном формате, поскольку после преобразования его в растр оно потеряет все замечательные свойства, которыми обладает вектор.
Векторные форматы
К самым распространенным форматам вектора относятся:
Самые популярные программы для работы с векторами: Adobe Illustrator, CorelDRAW и Inkscape.
Так чем же отличаются векторные и растровые изображения?
Подводя итоги статьи о растровых и векторных изображениях, можно с уверенностью сказать, что векторные изображения имеют очень много преимуществ над растровыми, а именно:
Добро пожаловать на наш блог Академии дизайна
Что такое растровая графика
Растровая графика была впервые запатентована компанией Texas Instruments в 1970-х годах и теперь является повсеместной формой представления цифровых изображений. Фотографии с цифровой камеры являются примером растровой графики.
Характеристики растровой графики
Качество изображения и размер файла
Качество растрового изображения определяется общим количеством пикселей(размером изображения) и объемом информации, хранящейся в каждом пикселе(глубиной цвета). Например, изображение с 24 битами информации о цвете(стандарт для большинства дисплеев 21-го века) может показывать более мягкое затенение, чем изображение, имеющее только 16 бит информации на пиксель, но оно также не будет показывать более мягкое затенение, чем изображение с 48 битами на пиксель. Точно так же изображение с соотношением сторон 640 на 480 пикселей(содержащее 307 200 пикселей) будет выглядеть неровным и грубым по сравнению с изображением размером 1280 еа 1024 пикселей (содержащее 1310 720 пикселей).
Поскольку графика, сохраненная в растровой форме, часто представляет собой большой объем данных, часто используется соответствующий метод сжатия, чтобы уменьшить объём памяти. Сжатие без потерь растровых изображений возможно с такими форматами файлов, как PNG, TIFF или JPEG 2000 с потерями. Можно провести обратный процесс и получить несжатую графику, не отличающуюся от оригинала. Однако некоторые форматы файлов(например JPEG) используют сжатие с потерями, которое работает путем моделирования значений отдельных пикселей с параметризованными математическими формулами, что позволяет получить выходной файл гораздо меньшего размера за счет исключения некоторых деталей.
Размеры и разрешение
Размер растрового изображения нельзя увеличить без уменьшения его резкости. Это функция, неизвестная векторной графике, которую можно легко масштабировать в соответствии с устройством, на котором отображается изображение. Однако растровая графика более полезна, чем векторная графика, для сохранения фотографий и реалистичных изображений, тогда как векторная графика чаще используется для изображений, состоящих из геометрических фигур, и для представления текста(включая таблицы и формулы).
Сегодня большинство компьютерных мониторов отображают от 72 до 130 пикселей на дюйм(экраны современных телефонов и планшетов часто имеют разрешение более 300 пикселей на дюйм), в то время как принтеры могут печатать с разрешением 1200 точек на дюйм(dpi) или выше. Определение наиболее подходящего разрешения изображения для данного разрешения принтера может быть очень трудным, поскольку распечатанный документ может содержать больше деталей (может иметь более высокое разрешение), чем то, что отображается на экране монитора.
Программой, традиционно считающейся редактором растровой графики является Adobe Photoshop, отличается самым максимальным перечнем инструментов и возможностей по работе с растровами изображениями. Научиться работать с растровой графикой в программе Фотошоп, вы можете у нас на курсах:
Растровое изображение
Растровое изображение — это файл данных или структура, представляющая собой сетку пикселей или точек цветов (на практике прямоугольную) на компьютерном мониторе, бумаге и других отображающих устройствах и материалах.
Важными характеристиками изображения являются:
Растровую графику редактируют с помощью растровых графических редакторов. Создается растровая графика фотоаппаратами, сканерами, непосредственно в растровом редакторе, также путем экспорта из векторного редактора или в виде скриншотов.
Содержание
Достоинства
Недостатки
Из‑за этих недостатков для хранения простых рисунков рекомендуют вместо даже сжатой растровой графики использовать векторную графику.
Форматы
Растровые изображения обычно хранятся в сжатом виде. В зависимости от типа сжатия может быть возможно или невозможно восстановить изображение в точности таким, каким оно было до сжатия (сжатие без потерь или сжатие с потерями соответственно). Так же в графическом фаиле может храниться дополнительная информация: об авторе файла, фотокамере и её настройках, количестве точек на дюйм при печати и др.
Сжатие без потерь
Использует алгоритмы сжатия, основанные на уменьшении избыточности информации.
Сжатие с потерями
Основано на отбрасывании части информации (как правило наименее воспринимаемой глазом).
Разное
Полезное
Смотреть что такое «Растровое изображение» в других словарях:
растровое изображение — Для воспроизведения полутонового оригинала на печатной машине изображение разбивается на множество точек разного размера и цвета (растр). Более мелкие точки отображают светлые участки, более крупные — темные участки. Черно белые изображения … Справочник технического переводчика
Растровое изображение — изображение, состоящее из микроштриховых элементов (напр., точек разной площади с равным расстоянием между их центрами), полученных благодаря растрированию. Растровое изображение и его сильно увеличенный фрагмент … Издательский словарь-справочник
растровое изображение — (Bitmap image) Изображение, состоящее из растровых (микроштриховых) элементов [пиксел]. Растр, растровое изображение (Bitmap) Двумерный массив пикселей [наименьший элемент визуализации, точка на мониторе] (штриховых элементов), с помощью… … Шрифтовая терминология
Растровое изображение — изображение, сформированное построчно из отдельных точек растра, имеющих различную степень яркости и разный цвет. См. также: Цифровые изображения Растровая графика Финансовый словарь Финам … Финансовый словарь
Растровое изображение — (РАСТРИРОВАННОЕ ИЗОБРАЖЕНИЕ) изображение на оттиске, диапозитиве, негативе или оригинале, состоящее из растровых элементов … Реклама и полиграфия
РАСТРОВОЕ ИЗОБРАЖЕНИЕ — Это файл данных или структура, представляющая собой сетку пикселей или точек цветов (на практике прямоугольную) на компьютерном мониторе, бумаге и других отображающих устройствах и материалах. Важными характеристиками изображения являются:… … Словарь бизнес-терминов
растровое изображение — Состоящее из микроштриховых элементов (напр., точек разной площади с равным расстоянием между их центрами), полученных благодаря растрированию … Краткий толковый словарь по полиграфии
растровое изображение текстуры — — [Л.Г.Суменко. Англо русский словарь по информационным технологиям. М.: ГП ЦНИИС, 2003.] Тематики информационные технологии в целом EN texture map … Справочник технического переводчика
Цифровое растровое изображение — растровое изображение, полученное в компьютерной системе и представленное в ее памяти в виде матрицы числовых величин параметров изображения … Краткий толковый словарь по полиграфии
Цифровое растровое изображение — растровое изображение, полученное в компьютерной издательской системе и представленное в ее памяти в виде матрицы числовых величин параметров изображения … Реклама и полиграфия
