Отличие векторной графики от растровой. Что такое вектор в рисовании


Растровая и векторная графика — HTML Academy

Давайте попробуем разобраться, в чём отличие растровой графики от векторной?

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

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

Наиболее распространённые растровые форматы: JPEG, PNG.

Пример изображения растровой графикиУвеличенный фрагментРастровое изображение и его увеличенный фрагмент

Применение

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

Цифровой рисунокПример использования растровой графики: цифровой рисунок (автор изображения: Катя Климович)ФотографияПример использования растровой графики: фотография

Преимущества

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

Недостатки

  • Большой занимаемый объём памяти: чем больше «размер» изображения, тем больше в нём пикселей и, соответственно, тем больше места нужно для хранения/передачи такого изображения.
  • Невозможность масштабирования: растровое изображение невозможно масштабировать без потерь. При изменении размера оригинального изображения неизбежно (в результате процесса интерполяции) произойдёт потеря качества.

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

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

Самые популярные векторные форматы: SVG, AI.

Пример изображения векторной графикиУвеличенный фрагментВекторное изображение и его увеличенный фрагмент

Применение

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

Социальные иконкиПример использования векторной графики: социальные иконки (источник изображения: MacKenzie www.freevector.com/social-websites-icons)ИллюстрацияПример использования векторной графики: иллюстрация (автор изображения: Катя Климович)

Преимущества

  • Малый объём занимаемой памяти — векторные изображения имеют меньший размер, так как содержат в себе малое количество информации.
  • Векторные изображения отлично масштабируются — можно бесконечно изменять размер изображения без потерь качества.

Недостатки

  • Чтобы отобразить векторное изображение требуется произвести ряд вычислений, соответственно, сложные изображения могут требовать повышенных вычислительных мощностей.
  • Не каждая графическая сцена может быть представлена в векторном виде: для сложного изображения с широкой цветовой гаммой может потребоваться огромное количество точек и кривых, что сведёт «на нет» все преимущества векторной графики.
  • Процесс создания и редактирования векторной графики отличается от привычной многим модели — для работы с вектором потребуются дополнительные знания.

Итог

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

Подробнее про форматы можно посмотреть в статье «Форматы изображений».

29 сентября 2016, статьи, Катя Климович.

Вконтакте

Фейсбук

Твитер

Телеграм

Гугл+

Одноклассники‎

htmlacademy.ru

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

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

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

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

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

Схематическое изображение пикселей.

К наиболее популярным форматам  растровой графики можно отнести форматы: GIF, JPEG, PNG.

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

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

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

Схематическое представление объектов, которые составляют изображение.

К самым популярным форматам векторной графики можно отнести: CDR, Ai, SVG.

Основные различия растровой и векторной графики

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

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

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

Недостатки растровой графики:

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

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

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

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

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

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

На сегодняшний день наиболее популярными и востребованными графическими редакторами являются:

Редактор растровой графики: Adobe Photoshop, GIMP.

Редакторы векторной графики: CorelDraw и Adobe Illustrator.

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

fotodizart.ru

особенности и отличия от растровой

 

Доброго времени суток.

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

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

Толкование понятия «векторная графика» таково: это способ реализации объектов и рисунков на компьютере, базируемый на математических элементарных фигурах — примитивах. К ним относятся точки, линии и параболы, их отрезки, кривые 2-го, 3-го порядка и Безье, сплайны, многоугольники, круги и окружности. Ключевую роль все-таки играют линии, так как они лежат в основе большинства изображений. Поэтому графика и называется векторной.

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

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

 

Где и как работают с векторной графикой?

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

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

Для создания таких рисунков применяются такие программы как Adobe Illustrator, Corel DRAW, Macromedia Freehand, AutoCAD и ArhiCAD. Ранее из графических редакторов вы работали лишь с Фотошопом? В данном случае он не совсем то, что нужно, потому что поддерживает больше растровую графику, а не векторную.

 

Чем отличается одна графика от другой?

Хотите знать, почему векторы не применимы в программах, связанных с фотографиями (Adobe Photoshop, Corel Photo-Paint)? Разберем основные отличия векторной от растровой графики.

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

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

 

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

Достоинства и недостатки

Начнем с хорошего:

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

Теперь о минусах:

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

 

Основные векторные форматы

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

  • AI (Adobe Illustrator Document). Открывается практически любым графическими редакторами. Так что если вы разработаете файл, чтобы потом отправить его кому-то, выбирайте этот вариант. Он совместим с языком PostScript, с которым работают все приложения для издательства и полиграфии.

Из недостатков: в одном документе может содержаться только одна страница, имеет небольшую рабочую зону.

  • EPS (Encapsulated PostScript). Тоже базируется на языке PostScript и открывается Иллюстратором.
  • CDR. В этом виде создает документы одна из наиболее популярных прог для векторных рисунков — CorelDRAW. Отсюда и аббревиатура в названии. Особенности формата: разная компрессия для растров и векторов, возможность добавления шрифтов, очень большое поле для работы (45х45 м), файл может состоять из нескольких страниц.
  • PDF (Portable Document Format). Думаю, вы уже знакомы с ним. Данный стандарт является платформонезавизимым. В нем можно применять различные шрифты, гиперссылки, векторные и растровые рисунки. И что примечательно, в любой программе файл откроется в предусмотренном автором виде.
  • WMF (Windows Metafile). Поддерживается различными программами для операционной системы Windows, так или иначе связанными с векторами. Хоть он и универсален, редко используются профессионалами.

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

  • SVG(Scalable Vector Graphics). В его основе лежит язык XML, поэтому предназначен для размещения векторных изображений в интернете. «Понимает» анимацию. Файлы этого формата, по сути, являются текстовыми, поэтому могут корректироваться в соответствующих редакторах. Но для этого нужно иметь специальные знания.

 

 

На этом всё.

Заходите чаще на мой блог.

До скорого.

 

 

profi-user.ru

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

Ча­сто при со­зда­нии ре­клам­ной или пе­чат­ной про­дук­ции раз­ра­бот­чи­ки про­сят кли­ен­та предо­ста­вить им ло­го­тип ком­па­нии «в век­то­ре», от­ка­зы­ва­ясь ра­бо­тать с раст­ро­вы­ми изоб­ра­же­ни­я­ми. Да­вай­те раз­бе­рем­ся, что же та­кое век­тор­ная гра­фи­ка, и в чем в дан­ном слу­чае за­клю­ча­ет­ся ее пре­иму­ще­ство по срав­не­нию с раст­ро­вым фор­ма­том.

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

Обыч­но мы име­ем де­ло с раст­ро­вы­ми изоб­ра­же­ни­ям. Сним­ки, сде­лан­ные циф­ро­вым фо­то­ап­па­ра­том — клас­си­че­ский при­мер раст­ро­вой гра­фи­ки.

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

«Растр — фор­мат пред­став­ле­ния изоб­ра­же­ния в ви­де эле­мен­тов (пик­се­лей), упо­ря­до­чен­ных в стро­ки и столб­цы»

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

«Пиксель (от англ. pixel - picture element - элемент картинки) - неделимый прямоугольный элемент растровой модели, который представляет соответствующий ему участок изображения»

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

Пик­се­ли, из ко­то­рых со­сто­ят то­чеч­ные изоб­ра­же­ния, име­ют фик­си­ро­ван­ный раз­мер. При из­ме­не­нии раз­ме­ра та­ких изоб­ра­же­ний их ка­че­ство ста­но­вит­ся зна­чи­тель­но ни­же.

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

«Век­тор­ное изоб­ра­же­ние — это со­во­куп­ность гео­мет­ри­че­ских фигур, ко­то­рые за­да­ют­ся ма­те­ма­ти­че­ски­ми фор­му­ла­ми»

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

Век­тор­ные изоб­ра­же­ния — чи­стая ма­те­ма­ти­ка. Ка­че­ство та­ких ри­сун­ков все­гда бу­дет оди­на­ко­во хо­ро­шим вне за­ви­си­мо­сти от из­ме­не­ния их раз­ме­ров. Век­тор мож­но уве­ли­чи­вать или умень­шать не­огра­ни­чен­ное ко­ли­че­ство раз. Фор­му­ла оста­нет­ся фор­му­лой, а зна­чит, и ри­су­нок оста­нет­ся та­ким же чет­ким.

Ни­же пред­став­ле­ны фраг­мен­ты раст­ро­во­го и век­тор­но­го изоб­ра­же­ний:

При их увеличении мы получаем:

Из при­ме­ра хо­ро­шо вид­но, что раст­ро­вое изоб­ра­же­ние при уве­ли­че­нии «рас­па­да­ет­ся» на от­дель­ные пик­се­ли, в то вре­мя как век­тор явно выигрывает, со­хра­ня­я чет­кость.

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

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

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

Мы пред­ла­га­ем услу­ги по кон­вер­ти­ро­ва­нию раст­ро­вых ло­го­ти­пов и дру­гих изоб­ра­же­ний в век­тор­ный фор­мат. По­дроб­но­сти и сто­и­мость ра­бот мож­но уточ­нить по те­ле­фо­ну 716-80-83 у на­ших кон­суль­тан­тов в Санкт-Пе­тер­бур­ге или по элек­трон­ной по­чте [email protected]

Copyright © Endis.ru — Создание сайтов в Санкт-Петербурге

www.endis.ru

Отличие растровой и векторной графики. Преимущества и недостатки форматов.

Отличие векторной графики от растровой.Графические файлы бывают в различных форматах, например: jpg, gif, tiff, ai, eps, bmp, cdr, и т. д. и хотя все они несут информацию о каком-либо изображении, каждый формат обладает уникальными свойствами и приспособлен для решения различных задач.

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

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

Отличие растровой графики.

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

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

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

Отличие растровой графики

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

Преимущества

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

Недостатки

- Самое простое растровое изображение имеет больший размер чем векторное- При масштабировании пропадает четкость

Отличие векторной графики.

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

Отличие векторной графики

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

Преимущества

- При масштабировании сохраняется четкость изображения- Любое изображение можно легко править без потери качества

Недостатки

- Изобразить можно только простые элементы в отличие от растра- Перевести вектор в растр - просто, а перевести растр в вектор - сложно

Видео урок:

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

Краткий итог.

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

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

Если тебе понравилась статья или ты хотел бы что-либо дополнить - оставляй комментарии.

 

expert-polygraphy.com


Смотрите также