Что такое растровая и векторная графика дайте их сравнительную характеристику
Растровая и векторная графика
Давайте попробуем разобраться, в чём отличие растровой графики от векторной?
Растровая графика
Растровое изображение, как мозаика, складывается из множества маленьких ячеек — пикселей, где каждый пиксель содержит информацию о цвете. Определить растровое изображение можно увеличив его масштаб: на определённом этапе станет заметно множество маленьких квадратов — это и есть пиксели.
Наиболее распространённые растровые форматы: JPEG, PNG.
Растровое изображение и его увеличенный фрагмент
Применение
Растровая графика удобна для создания качественных фотореалистичных изображений, цифровых рисунков и фотографий. Самый популярный редактор растровой графики — Adobe Photoshop.
Пример использования растровой графики: цифровой рисунок (автор изображения: Катя Климович) 
Пример использования растровой графики: фотография
Преимущества
Недостатки
Векторная графика
В отличие от растровых, векторные изображения состоят уже не из пикселей, а из множества опорных точек и соединяющих их кривых. Векторное изображение описывается математическими формулами и, соответственно, не требует наличия информации о каждом пикселе. Сколько ни увеличивай масштаб векторного изображения, вы никогда не увидите пикселей.
Самые популярные векторные форматы: SVG, AI.
Векторное изображение и его увеличенный фрагмент
Применение
Векторная графика используется для иллюстраций, иконок, логотипов и технических чертежей, но сложна для воспроизведения фотореалистичных изображений. Самый популярный редактор векторной графики — Adobe Illustrator.
Преимущества
Недостатки
Мы приходим к выводу, что не существует «серебряной пули»: и растровая, и векторная графика имеют свои достоинства и недостатки, соответственно, стоит выбирать формат, который подходит для решения поставленных перед вами задач.
Подробнее про форматы можно посмотреть в статье «Форматы изображений».
Целая глава о графике
Нажатие на кнопку — согласие на обработку персональных данных
Растровая и векторная графика. В чем разница?
Периодически мы слышим о том, что графика бывает векторной и растровой. Но не каждый сможет объяснить разницу между этими двумя понятиями. Возможно для человека, который работает с текстовыми редакторами и электронными таблицами, она и не важна, но если мы говорим о дизайне и графике, понимание различных способов построения изображений необходимо.
Создайте свой логотип онлайн. Более 50 тысяч брендов по всему миру уже используют логотипы от Турболого.
Растровая графика
Чтоб понять принцип построения растрового изображения, представьте себе лист масштабно-координатной бумаги (миллиметровки), каждая клеточка которого закрашена каким-то цветом. Такую клеточку называют пикселем.
Качество изображения называют разрешением. Его определяют количеством пикселей, которые как раз и формирует рисунок. Чем больше пикселей размещено на единице площади, тем выше разрешение, а следовательно выше и качество изображения. Например рисунок с разрешением 1280×1024 состоит из 1280 px по вертикали и 1024 px по горизонтали. Следует отметить, что в данном случае речь идёт о физическом размере изображения, а не о единице площади (дюйме, сантиметре и т.п.).
Основным недостатком растровых изображений является заметное ухудшение качества при масштабировании (имеется ввиду увеличение размера изображения). Дело в том, что увеличивая (уменьшая) размер изображения, вы увеличиваете (уменьшаете) размер каждого пикселя, что, при значительном масштабировании, позволяет их визуально определить.
Кроме того, часто к недостаткам растра относят: отсутствие возможности поворота рисунка на угол, отличный от 90* без заметного искажения самого рисунка, а также размер файла, который напрямую связан с качеством изображения.
Достоинства растровых картинок также бесспорны. В первую очередь, это фотографическое качество получаемого изображения, способное передать всю гамму цветов и их оттенков.
Наиболее распространеным программным обеспечением для работы с растровыми изображениями является Adobe Photoshop.
Векторная графика
Построение векторного изображения основано на так называемых опорных точках, которые соединены между собой кривыми, определяемыми соответствующими математическими алгоритмами. Работая с векторным изображением, пользователь задаёт его опорные точки и характер векторных кривых между ними.
К преимуществам векторных изображений чаще всего относят простоту редактирования как рисунка в целом, так и его отдельных элементов, возможность как корректировки, так и значительного изменения размера изображения без потери качества (включая поворот на заданный пользователем угол) и изменения размера файла, а также небольшой размер файла.
Векторные изображения могут быть легко преобразованы в растровый формат любого разрешения.
Создание полноцветных векторных рисунков фотографического качества достаточно трудоемко и технически сложно, что существенно ограничивает возможности работы с целым рядом категорий изображений и является её основным недостатком.
Наиболее популярным программным обеспечением для работы с векторной графикой являются CorelDraw и Adobe Illustrator.
Плюсы и минусы
Растровые изображения
Плюсы: четко и максимально правдоподобно отображает оттенки цветов, их перетекание из одного в другой, а также тени.
Минусы: При увеличении заметно теряет в четкости и выглядит некачественно.
Применение: Применяются, как правило, при работе с фотографиями и другими изображениями с насыщенной цветовой гаммой и плавными переходами цвета. Активно применялась при дизайне сайтов, иконок приложений. Правда сейчас, когда flat и material дизайн стали так популярны, дизайнеры все чаще использую векторные программы для своих творений.
Векторные изображения
Плюсы: масштабирование без потери четкости изображения. Малый размер изображений.
Минусы: очень сложно передать плавные переходы цвета и добиться фотографического качества
Применение: Применяется при создании логотипов компаний, визиток, буклетов и иной печатной продукции. Также редакторы векторной графики незаменимы при создании новых, оригинальных шрифтов. Но и это еще не все. В редакторах векторной графики можно создавать прекрасные иллюстрации.
Чаще всего, дизайнеры совмещают эти типы графики, чтобы добиться максимального эффекта. Иногда лучше использовать растр, иногда — вектор. Надеемся, эта статья помогла вам немного лучше понять в чем разница между этими двумя типами изображений. Спасибо за внимание.
Продуктовый и графический дизайнер с опытом работы более 10 лет. Пишу о брендинге, дизайне логотипов и бизнесе.
Разница между растровой графикой и векторной
Компьютерная графика бывает двух основных типов — растровая и векторная. Что характеризует их?
Факты о растровой графике
Растровая графика — это цифровые изображения, которые выстраиваются из пикселей — единичных точек, окрашенных в определенный цвет. Они имеют ряд ключевых характеристик. А именно:
Растровые картинки допустимо создавать разными способами. Во-первых, изображение можно сфотографировать и отсканировать — оно будет состоять из единичных пикселей и потому считаться растровым. Во-вторых, картинку соответствующего типа легко нарисовать. Для этого должен использоваться растровый графический редактор — например, фотошоп.
Главное преимущество графики, о которой идет речь, — в возможности сформировать на экране практически любое изображение. В частности — вывести на дисплей реалистичное фото. При достаточной глубине цвета и высоком разрешении картинки, а также при условии использования качественной видеокарты и монитора оно будет малоотличимым от исходного вида сфотографированных объектов.
Растровая графика универсальна — существует широкий спектр устройств и программ, способных с ней работать. Ее можно применять в составе практически любого мультимедийного контента — от значков на Рабочем столе до огромных рекламных плакатов. Кадры в фильме — это тоже фактически растровая графика.
Есть у картинок соответствующего типа и недостатки. Например, их очень сложно увеличить в размере без визуального ухудшения качества. Если растровое изображение изначально имеет низкое разрешение, то оно, скорее всего, не подойдет для использования, к примеру, в качестве обоев для Рабочего стола либо как элемент крупного плаката.
Факты о векторной графике
Векторная графика — это цифровые изображения, которые выстраиваются не из пикселей, а из готовых геометрических форм, способных достигать, как правило, любой величины и окрашиваться в любой цвет (но, как правило, общее количество одновременно используемых оттенков в таких картинках обычно небольшое).
Безусловно, есть очень сложные по структуре векторные картинки. Например, представляющие собой чертеж автомобиля или какого-либо другого вида сложной техники. Но они полностью будут сохранять свойства, отмеченные выше, — а именно приспособленность к увеличению либо уменьшению в любой пропорции.
Если растровую картинку можно создать методом рисования или фотографирования, то формирование векторных изображений требует использования исключительно специализированных программ. Таких как, например, Adobe Illustrator. Определенным функционалом в части работы с векторной графикой обладают также программы, которые входят в пакет Microsoft Office. Например, большинство картинок, что прорисовываются с помощью специальных инструментов в Word или Excel, — векторные. Правда, сохранить их в виде отдельного файла сложно — только в составе документа Word или Excel, которые, в свою очередь, проблематично обрабатывать в специализированных векторных редакторах.
Таким образом, векторная графика имеет весьма значимое преимущество перед растровой в части масштабирования. Однако, как правило, сильно уступает ей с точки зрения возможностей наполнения картинки сложными элементами. Очень проблематично выстроить, к примеру, красочный плакат с использованием одних лишь векторных фигур, поскольку среди них может попросту не оказаться тех, что способны удачно вписываться в концепцию проекта.
Сравнение
Главное отличие растровой графики от векторной — в принципе построения изображения. В первом случае картинка состоит из пикселей — единичных точек, во втором — представляет собой готовую фигуру. Это предопределяет все остальные различия между растровой и векторной графикой.
Следует отметить, что векторные картинки без проблем трансформируются в растровые. Фактически в момент отображения на экране они временно превращаются в них — обладая конкретной величиной и разрешением, выражаемыми в пикселях. Но их «растровость» вполне можно зафиксировать, сохранив картинки в отдельный файл соответствующего типа.
В свою очередь, трансформировать растровую графику в векторную гораздо сложнее. Дело в том, что такие картинки зачастую состоят из очень большого количества отдельных элементов — например, если речь идет о полноцветных фотографиях. Технологически может быть крайне сложно превратить их в векторные фигуры, которые легко увеличивать или уменьшать.
Определив то, в чем разница между растровой графикой и векторной, отразим ее критерии в небольшой таблице.
Что такое растровая и векторная графика дайте их сравнительную характеристику
Графические объекты мы встречаем каждый день. Овладев знаниями по компьютерной графике, вам не составит особого труда выполнить какой-то рисунок или начертить диаграмму, схему, график. Но что бы понять все тонкости компьютерной графики, давайте эту тему рассмотрим более подробно.
Что же такое графика? Как правило, под этим понятием подразумевают изображения объектов, будь они реальные или воображаемые, но те, которые способно воспринять наше зрение. Но в работе с изображениями особое место отводится компьютерной графике. Все данные об компьютерных изображениях сохраняются в отдельных файлах, которые называют графическими и они имеют определенный формат. На компьютере графические данный могут храниться в векторной или растровой форме.
Растровые изображения
А теперь давайте попробуем разобраться, что же собой представляют растровые компьютерные изображения. Такие изображения на компьютере представлены в виде прямоугольной матрицы. Каждая ячейка такой матрицы заполнена цветными точками. То есть, можно сказать, что растровое изображение состоит из массива точек или можно сказать, из крошечных ячеек, которые называются пикселями и расположены они в правильной сетке. Пиксель в растровом изображении является наименьшим элементом, благодаря которому изображение имеет цвет и яркость. Но здесь следует отметить, что пиксели остаются невидимы человеческому глазу и воспринимаются в изображении, как единое целое.
Давайте проведем небольшой эксперимент. Для этих целей возьмем любой рисунок и на бумаге расчертим одинакового размера горизонтальные и вертикальные линии. Теперь мы видим, что у нас получилась правильная сетка с множеством квадратных ячеек. А теперь попробуем заполнить каждую ячейку тем цветом, который больше всего подходит к данному рисунку. Вот таким образом и без помощи компьютера, мы получили растровое изображение.
Источником растровых изображений являются сканеры, видеокамеры, цифровые фотоаппараты, а также различная медицинская аппаратура. К тому же такие изображения можно нарисовать в графических редакторах.
Зачастую растровые изображения используются в издательском и рекламном деле, в WEB-технологиях для создания пользовательских интерфейсов, в фотографии или медицине.
Как правило, растровые изображения, предназначаются для высококачественной печати, поэтому они имеют очень большой объем. Во избежание проблем с большими графическими файлами, часто используют другой способ представления изображений, который называется векторным.
Векторные изображения
В отличие от растровой графики, в векторной, основным ее элементом являются графические примитивы – линия, прямоугольник, многоугольник, эллипс, текст. Они, как правило, описываются с помощью математической формулы. Благодаря такому представлению данных файлов векторного изображения оно более компактное, но правда имеет свои нюансы, так как при построении объектов, производится непрерывный пересчет параметров кривой в координаты экранного или печатного изображения.
Таким графическим примитивам присущи определенные особенности. Этими особенностями являются: форма, толщина, цвет и тому подобное. Но, плюс в том, что файлы векторных изображений имеют небольшой объем и объекты, из которых они состоят, легко поддаются модификации. Кроме того, в векторной графике существуют неограниченные возможности, позволяющие выполнить идеальное масштабирование.
Сравнительная характеристика растровой и векторной графики
А сейчас мы попробуем сравнить с вами разницу между растровой и векторной графикой. Если вы были внимательны на уроке, то вам известно, что растровое изображение содержит информацию на каждый ее пиксель, тогда как в векторном изображении, достаточно иметь математическое описание объектов.
Вы уже знаете, что в растровой графике размеры изображения и глубина его цвета зависит от объема файла. То есть, чем больше объем, тем лучше изображение. Поэтому в растровых изображениях объемы файлов могут быть очень большими.
И если в векторной графике, например, изображение круга можно увеличить благодаря увеличению его радиуса, то в растровой только на пиксельном уровне.
Так же следует знать, что существует возможность перевода векторной графики в растровую. Но, правда, такая трассировка растра, проигрывает в качестве векторного рисунка.
Но если сравнивать на уровне качества изображения, то здесь, конечно же, в выигрыше будет растровый рисунок, так как только с помощью растровой графики изображение выглядит не хуже качественной фотографии.
Применение растровой и векторной графики
Сделав сравнительную характеристику растровой и векторной графики, теперь мы можем сделать вывод, что главным превосходством растровой графики, является ее точность в передаче сканированных изображений. Также, следует заметить, что чем больше изображение в растровой графике, тем она больший объем занимает и такое изображении очень медленно обрабатывается, да и масштабируется также плохо.
А вот основным преимуществом векторной графики, является разнообразие современных средств обработки таких изображений. Но и в векторной графике также существуют свои недостатки. А основным таким недостатком является то, что невозможно в растре сохранять полутоновые изображения в виде, который близок к оригиналу.
Исходя из этого, можно сказать, что для каждой графики существуют определенные области, в которых их применяют.
Растровая графика применяется:
• Во-первых, для хранения и обработки полутоновых изображений. Это могут быть изначально сделанные на компьютере фотографии и картины, или же сканированные.
• Во-вторых, такой вид графики широко применяется в веб-дизайне, так как применяемые на их страницах изображения имеют небольшие размеры. Кроме этого, вывод таких изображений происходит без помощи дополнительных программ, так как это может сделать сам веб-обозреватель.
• В-третьих, с помощью растровой графики есть возможность воспроизводить изображения любой сложности.
Векторная графика применяется:
• Во-первых, если есть необходимость сохранения в электронном виде таких штриховых изображений, как карты, чертежи, гравюры и рисунки, сделанные карандашом.
• Во-вторых, такая графика применима при создании небольших изображений, которые нужно будет обрабатывать при вводе.
Ну и напоследок, хочу сказать, что во всех других случаях можно использовать и ту и другую графику, но в каждом конкретном случае следует не забывать о их преимуществах и недостатках каждой из видов графики.
Отличия изображений растровой и векторной графики, разница между ними
Существуют 2 вида компьютерной графики – векторная и растровая. Они имеют разное назначение: первая оптимальна для создания схематичных изображений, чертежей, элементов дизайна, вторая позволяет создавать высокохудожественные произведения. Отличия растровой и векторной графики обязаны знать дизайнеры, иллюстраторы, фотохудожники, рекламщики. Ведь выбранным видом графики определяются технологические возможности печати.
Что такое растровая и векторная графика
Описываемые виды графики имеют разный принцип построения изображения. Растр – технология, при которой изображение формируется посредством сочетания точек определенных цветов. Называются точки пикселями. Название графической технологии происходит от латинского слова «rastrum», что переводится как «решетка». Действительно, при сильном приближении точки превращаются в квадраты, а формат изображения начинает напоминать школьную тетрадь в клетку. В обычном же размере пиксели настолько малы, что не распознаются человеческим зрением, сливаются в единую картину.
Количество точек, составляющих растровое изображение, огромно. Если взять стандартный размер обоев на рабочий стол – 1024 ×768 пикселей, то получится, что там аж 786432 точек.
Все фотографии, сделанные фотоаппаратом и камерой телефона, растровые. Следовательно, все фотографические изображения, которые мы видим в интернете и печатных изданиях, имеют растровое происхождение.
Вектор – технология создания графики посредством применения геометрических функций. Латинское слово «vector» буквально означает «несущий». Изображение строится не на сочетании пикселей, а на создании кривых Безье определенной направленности с опорными точками. Получаются разнообразные геометрические формы, которые могут соединяться, перекрывать друг друга. Из множества форм и образуется изображение. С помощью геометрических функций можно изобразить не только простые фигуры – круг, треугольник и прочие, но и сложнейшие, включая буквы.
В чем различие
Основная разница заключается в технологии формирования изображения, но именно ею обусловлено множество других различий между видами графики. Художник или дизайнер, работающий только с растром, не может просто так взяться за векторную графику: ему придется учиться владению ею. На практике дизайнеры обычно владеют двумя технологиями, так как обеими регулярно пользуются для разных целей. Растровая графика отличается от векторной возможностью масштабирования и применения эффектов, весом файлов и сложностью их редактирования.
Качество
Оба вида графики подразумевают получение качественного изображения. Только в растре качество зависит от числа пикселей и количества используемых оттенков. Чем их больше, тем реалистичнее и богаче изображение. Например, если нужно распечатать фото альбомного формата, то для получения четкого и качественного изображения число точек должно превышать 8 миллионов.
Чем больше количество оттенков пикселей, тем более плавно и гармонично цвета фото переходят один в другой, тем качественнее выражены блики, тени, полутени.
Оттенки, из которых формируются пиксели, представляют собой смесь 3-х колеров, взятых в разной пропорции: красного – red, зеленого – green, синего – blue. Поэтому цветовая схема растровой графики называется RGB.
Битовая глубина – количество бит, которые используются для определения колеров, отображаемых каждым пикселем. Чем выше показатель, тем богаче палитра картинки, тем качественнее она выглядит. Если при 8-битном формате количество цветов составляет 256, то при 16-битном – более 65 тысяч.
С качеством векторной графики все проще. Она априори не может быть некачественной. Поскольку изображение строится посредством кривых Безье, к которым понятие масштаба не применимо, то вектор в любом размере выглядит идеально, распечатай его на спичечном коробке или плакате. При увеличении векторной картинки пиксели не появятся. Увеличивай геометрическую фигуру хоть до бесконечности, ее края останутся четкими.
Точность редактирования
Редактирование растровой графики усложняется так называемой интерполяцией. Пиксели разделены меж собой. При значительном увеличении масштаба пространство между точками заполняют новые, автоматически появляющиеся пиксели. Причем цвет новых точек определяет графический редактор по принципу вероятности. Это и есть интерполяция. Но далеко не всегда автоматически выбранный колер оказывается удачным. В итоге при очередном изменении размера растровой картинки возникают заметные искажения: зернистость, расплывчатость, неровность контура.
Размер файлов
Векторный рисунок весит меньше, чем растровое изображение соответствующего размера. Векторный файл содержит информацию только о формуле и цветах изображения, растровый – о каждом пикселе. Чем крупнее растр, тем дольше он загружается. При размещении больших растровых фото на сайтах применяют сжатие, но это обычно приводит к снижению качества картинки.
Вес, скорость загрузки и качество растрового файла определяются разрешением – количеством пикселей на дюйм. Параметр обозначают как dpi – точки на дюйм, либо как ppi – пиксели на дюйм. Например, если разрешение фотографии составляет 300 dpi, то в квадрате размером один дюйм, то есть 2,54 см, находится 300 точек.
Чтобы фотографии легче загружались в интернет, применяют меньшее разрешение – 72 dpi. А для качественной печати требуется размер не менее 300 dpi.
По разрешению несложно вычислить, сколько пикселей должно иметь растровое изображение, чтобы при печати на листе определенного формата сохранилось его качество. Для примера, нужно распечатать фото с разрешением 300 dpi на листе 20 × 30 см. Переведем формат бумаги в дюймы, получится 7,8 × 11,8. Умножим каждое значение на 300. Выходит, что распечатанная фотография окажется качественной, если ее размер будет 2340 × 3540.
Масштаб
Масштабировать вектор можно без опасений. Ни при сжатии, ни при растяжении никаких качественных изменений не произойдет. Благодаря этой особенности векторная графика востребована как способ создания товарных упаковок, логотипов, рекламных вывесок. То есть дизайнер создает единственное изображение, сжимает его для размещения на упаковке продукции, затем увеличивает в несколько раз, чтобы сделать на билборде рекламу этого продукта.
С растровой графикой такая штука не пройдет. Если взять растровый логотип 10 × 10 см, то увеличить его не удастся даже для того, чтобы сделать принт на фирменной майке, не говоря уже о билборде. То есть увеличить можно, но вместо четкой и красивой картинки получится нечто размытое и странное.
Легкость в редактировании
Вектор редактировать легче, чем растр. Первый вид графики позволяет убирать и подставлять геометрические фигуры, не разрушая общую композицию, которая из них состоит. Если же вырезать или стереть кусок растрового изображения, вместо него останется пустое место, то есть композиция будет испорчена.
Но это не значит, что редактирование растра невозможно. В растровых графических редакторах предусмотрено послойное создание элементов рисунка, которые затем можно объединить в один слой. В самом распространенном графическом редакторе Photoshop послойное изображение хранится в форматах PSD и TIFF. Если перевести картинку в стандартный формат хранения JPG, то слои автоматически объединятся. Также растровое изображение можно хранить в форматах PNG, BMP, а также GIF для анимации.
Растровые форматы PSD, PNG и TIFF сохраняют прозрачные элементы графики. Но если перевести картинку в формат JPG, то прозрачность исчезнет.
Единственная сложность в редактировании векторной графики – проблематичное открытие и изменение файлов формата AI, EPS, PDF, CDR, SVG в «чужих» графических программах, в том же Фотошопе. Приходится переформатировать векторный файл. «Родные» для работы с вектором редакторы – Adobe Illustrator и Corel Draw.