в чем разница между векторной и растровой графикой
В чем разница между векторной и растровой графикой?
Основное различие между векторной и растровой графикой состоит в том, что растровая графика состоит из цветных пикселей, а векторная графика состоит из контуров, созданных математическими формулами.
Примеры форматов растровой графики:
Примеры формата векторной графики:
Преимущества векторной графики
Основным преимуществом векторной графики является то, что вы можете масштабировать ее по своему усмотрению, и при этом графика не будет пиксельной и размытой. Векторная графика более гибкая, и не имеет никаких ограничений на размер.
Векторная графика лучше всего подходит, если вы используете логотипы и иконки на своем веб-сайте. Однако не рекомендуется использовать на своем сайте слишком много больших векторных изображений, поскольку их размер намного превышает размер растровых изображений, что может привести к перегрузке вашего сайта и потере скорости его загрузки в браузерах.
Растровый формат лучше всего подходят для фотографий, которые вы используете на своем веб-сайте.
Если мы рассматриваем элементы графического дизайна для печати, например для баннеров, визиток, рекламных билбордов, брошюр, то это совсем другая история, и вы можете использовать векторную графику для любого элемента вашего дизайна который пойдет в печать.
Умный дизайн всегда включает в себя умное использование векторных и растровых изображений.
Чем отличается векторная графика от растровой?
Вектор и растр хорошо знакомы верстальщикам и дизайнерам. И даже если вы не имеете отношения к компьютерной графике, готовы поспорить, что вы про них уже слышали. Чтобы понимать, с чего начинаются любые изображения, которые вы видите на экране компьютера или листке бумаги, мы рассмотрим два вида форматов: векторная графика и растровая графика, в чем главные отличия между ними, их особенности и применение — об этом мы поговорим в статье.
Знакомьтесь: растр
В переводе с латыни rastrum — это решётка. Растровое изображение — это набор цветных точек — или пикселей, — одинакового размера и формы, что в конечной форме напоминает решётку. Точки эти чрезвычайно малого размера, и человеческий глаз воспринимает их не по отдельности, а единым рисунком. Самые популярные форматы для хранения растровых изображений — GIF, JPEG, PNG.
Если на компьютере сильно увеличить пиксельный рисунок, мы увидим размытые границы, и сразу вспомним мозаику: как раз в этом и состоит особенность растровой графики. Качество изображения зависит от количества пикселей: чем их больше, тем больше оттенков цвета возможно воспроизвести. Например, фотография для печати формата А4 состоит примерно из 8 миллионов пикселей.
Знакомьтесь: вектор
Векторная (от латинского vector — «несущий») графика не описывает картинку миллионами разноцветных пикселей, как растровая. Она оперирует математическими формулами. Допустим, компьютер получает команду: нарисовать треугольник определенных размеров. Задается местоположение треугольника, и вот он нарисован. Таким же образом рисуются линии, кривые, окружности, текстовые блоки: всё это можно описать формулой и изобразить. Каждому объекту присваивают атрибуты — толщина линий, цвет. Если нужно поменять размер, то компьютер пересчитывает формулу, и картинка тут же меняется.
И вот в этом как раз кроется главное преимущество векторной графики: вы можете менять размер как угодно — границы изображения останутся такими же чёткими.
Итак, основные различия:
Однако разница векторной и растровой графики совсем не мешает им взаимодействовать между собой. Так векторные файлы могут содержать растровые изображения, что крайне удобно для вёрстки и выигрышно для печати.
В своей работе мы ежедневно имеем дело с обоими форматами. Использовать вектор или растр при подготовке макетов на печать — решать вам, это всегда зависит от конечной задачи.
Векторные линии и обводки, которые должны уверенно считываться в готовой продукции, должны иметь толщину не менее 0,2 пункта (0,07 мм).
Для растровых полутоновых изображений (Contone) мы рекомендуем использовать разрешение не ниже 150 ppi, в идеале — 300 ppi. Для растровых однобитных изображений (Bitmap) разрешение должно быть не ниже 300 ppi, но в идеале — 600 ppi. При выборе типа сжатия растровой графики предлагаем остановиться на ZIP, но если вы используете алгоритм JPEG, то рекомендуем показатель качества зафиксировать на максимальном уровне.
Насколько публикация полезна?
Средняя оценка 4.3 / 5. Количество оценок: 3
Растровая и векторная графика. В чем разница?
Периодически мы слышим о том, что графика бывает векторной и растровой. Но не каждый сможет объяснить разницу между этими двумя понятиями. Возможно для человека, который работает с текстовыми редакторами и электронными таблицами, она и не важна, но если мы говорим о дизайне и графике, понимание различных способов построения изображений необходимо.
Создайте свой логотип онлайн. Более 50 тысяч брендов по всему миру уже используют логотипы от Турболого.
Растровая графика
Чтоб понять принцип построения растрового изображения, представьте себе лист масштабно-координатной бумаги (миллиметровки), каждая клеточка которого закрашена каким-то цветом. Такую клеточку называют пикселем.
Качество изображения называют разрешением. Его определяют количеством пикселей, которые как раз и формирует рисунок. Чем больше пикселей размещено на единице площади, тем выше разрешение, а следовательно выше и качество изображения. Например рисунок с разрешением 1280×1024 состоит из 1280 px по вертикали и 1024 px по горизонтали. Следует отметить, что в данном случае речь идёт о физическом размере изображения, а не о единице площади (дюйме, сантиметре и т.п.).
Основным недостатком растровых изображений является заметное ухудшение качества при масштабировании (имеется ввиду увеличение размера изображения). Дело в том, что увеличивая (уменьшая) размер изображения, вы увеличиваете (уменьшаете) размер каждого пикселя, что, при значительном масштабировании, позволяет их визуально определить.
Кроме того, часто к недостаткам растра относят: отсутствие возможности поворота рисунка на угол, отличный от 90* без заметного искажения самого рисунка, а также размер файла, который напрямую связан с качеством изображения.
Достоинства растровых картинок также бесспорны. В первую очередь, это фотографическое качество получаемого изображения, способное передать всю гамму цветов и их оттенков.
Наиболее распространеным программным обеспечением для работы с растровыми изображениями является Adobe Photoshop.
Векторная графика
Построение векторного изображения основано на так называемых опорных точках, которые соединены между собой кривыми, определяемыми соответствующими математическими алгоритмами. Работая с векторным изображением, пользователь задаёт его опорные точки и характер векторных кривых между ними.
К преимуществам векторных изображений чаще всего относят простоту редактирования как рисунка в целом, так и его отдельных элементов, возможность как корректировки, так и значительного изменения размера изображения без потери качества (включая поворот на заданный пользователем угол) и изменения размера файла, а также небольшой размер файла.
Векторные изображения могут быть легко преобразованы в растровый формат любого разрешения.
Создание полноцветных векторных рисунков фотографического качества достаточно трудоемко и технически сложно, что существенно ограничивает возможности работы с целым рядом категорий изображений и является её основным недостатком.
Наиболее популярным программным обеспечением для работы с векторной графикой являются CorelDraw и Adobe Illustrator.
Плюсы и минусы
Растровые изображения
Плюсы: четко и максимально правдоподобно отображает оттенки цветов, их перетекание из одного в другой, а также тени.
Минусы: При увеличении заметно теряет в четкости и выглядит некачественно.
Применение: Применяются, как правило, при работе с фотографиями и другими изображениями с насыщенной цветовой гаммой и плавными переходами цвета. Активно применялась при дизайне сайтов, иконок приложений. Правда сейчас, когда flat и material дизайн стали так популярны, дизайнеры все чаще использую векторные программы для своих творений.
Векторные изображения
Плюсы: масштабирование без потери четкости изображения. Малый размер изображений.
Минусы: очень сложно передать плавные переходы цвета и добиться фотографического качества
Применение: Применяется при создании логотипов компаний, визиток, буклетов и иной печатной продукции. Также редакторы векторной графики незаменимы при создании новых, оригинальных шрифтов. Но и это еще не все. В редакторах векторной графики можно создавать прекрасные иллюстрации.
Чаще всего, дизайнеры совмещают эти типы графики, чтобы добиться максимального эффекта. Иногда лучше использовать растр, иногда — вектор. Надеемся, эта статья помогла вам немного лучше понять в чем разница между этими двумя типами изображений. Спасибо за внимание.
Продуктовый и графический дизайнер с опытом работы более 10 лет. Пишу о брендинге, дизайне логотипов и бизнесе.
Разница между растровой графикой и векторной
Компьютерная графика бывает двух основных типов — растровая и векторная. Что характеризует их?
Факты о растровой графике
Растровая графика — это цифровые изображения, которые выстраиваются из пикселей — единичных точек, окрашенных в определенный цвет. Они имеют ряд ключевых характеристик. А именно:
Растровые картинки допустимо создавать разными способами. Во-первых, изображение можно сфотографировать и отсканировать — оно будет состоять из единичных пикселей и потому считаться растровым. Во-вторых, картинку соответствующего типа легко нарисовать. Для этого должен использоваться растровый графический редактор — например, фотошоп.
Главное преимущество графики, о которой идет речь, — в возможности сформировать на экране практически любое изображение. В частности — вывести на дисплей реалистичное фото. При достаточной глубине цвета и высоком разрешении картинки, а также при условии использования качественной видеокарты и монитора оно будет малоотличимым от исходного вида сфотографированных объектов.
Растровая графика универсальна — существует широкий спектр устройств и программ, способных с ней работать. Ее можно применять в составе практически любого мультимедийного контента — от значков на Рабочем столе до огромных рекламных плакатов. Кадры в фильме — это тоже фактически растровая графика.
Есть у картинок соответствующего типа и недостатки. Например, их очень сложно увеличить в размере без визуального ухудшения качества. Если растровое изображение изначально имеет низкое разрешение, то оно, скорее всего, не подойдет для использования, к примеру, в качестве обоев для Рабочего стола либо как элемент крупного плаката.
Факты о векторной графике
Векторная графика — это цифровые изображения, которые выстраиваются не из пикселей, а из готовых геометрических форм, способных достигать, как правило, любой величины и окрашиваться в любой цвет (но, как правило, общее количество одновременно используемых оттенков в таких картинках обычно небольшое).
Безусловно, есть очень сложные по структуре векторные картинки. Например, представляющие собой чертеж автомобиля или какого-либо другого вида сложной техники. Но они полностью будут сохранять свойства, отмеченные выше, — а именно приспособленность к увеличению либо уменьшению в любой пропорции.
Если растровую картинку можно создать методом рисования или фотографирования, то формирование векторных изображений требует использования исключительно специализированных программ. Таких как, например, Adobe Illustrator. Определенным функционалом в части работы с векторной графикой обладают также программы, которые входят в пакет Microsoft Office. Например, большинство картинок, что прорисовываются с помощью специальных инструментов в Word или Excel, — векторные. Правда, сохранить их в виде отдельного файла сложно — только в составе документа Word или Excel, которые, в свою очередь, проблематично обрабатывать в специализированных векторных редакторах.
Таким образом, векторная графика имеет весьма значимое преимущество перед растровой в части масштабирования. Однако, как правило, сильно уступает ей с точки зрения возможностей наполнения картинки сложными элементами. Очень проблематично выстроить, к примеру, красочный плакат с использованием одних лишь векторных фигур, поскольку среди них может попросту не оказаться тех, что способны удачно вписываться в концепцию проекта.
Сравнение
Главное отличие растровой графики от векторной — в принципе построения изображения. В первом случае картинка состоит из пикселей — единичных точек, во втором — представляет собой готовую фигуру. Это предопределяет все остальные различия между растровой и векторной графикой.
Следует отметить, что векторные картинки без проблем трансформируются в растровые. Фактически в момент отображения на экране они временно превращаются в них — обладая конкретной величиной и разрешением, выражаемыми в пикселях. Но их «растровость» вполне можно зафиксировать, сохранив картинки в отдельный файл соответствующего типа.
В свою очередь, трансформировать растровую графику в векторную гораздо сложнее. Дело в том, что такие картинки зачастую состоят из очень большого количества отдельных элементов — например, если речь идет о полноцветных фотографиях. Технологически может быть крайне сложно превратить их в векторные фигуры, которые легко увеличивать или уменьшать.
Определив то, в чем разница между растровой графикой и векторной, отразим ее критерии в небольшой таблице.
Растровые и векторные изображения
От вида графики зависит выбор возможной технологии печати.
Давайте начнем с более распространенного типа графики – с растровых изображений.
Понятие растрового изображения
У каждого пикселя есть свое место на рисунке и свой собственный цвет.
Каждое изображение имеет фиксированное количество пикселов. Их вы можете видеть на экране монитора, большинство из которых отображают примерно от 70 до 100 пикселей на 1 дюйм (2,54 см) фактическое количество зависит от вашего монитора и настройки самого экрана.
Размер изображения и его разрешение
Растровые изображения зависят от разрешения. Разрешение изображения это число пикселей в изображении на единицу длины. Оно является мерой четкости деталей растрового изображения и обычно обозначается как dpi (точек на дюйм) или ppi (пикселей на дюйм). Эти термины в некотором смысле синонимы, только ppi относится к изображениям, а dpi — к устройствам вывода. Именно поэтому dpi вы можете встретить в описании мониторов, цифровых фотоаппаратов и т. д.
Чем больше разрешение, тем меньше размер пикселя и тем больше их приходится на 1 дюйм, и соответственно, тем лучше качество картинки.
Разрешение каждого изображения подбирается в зависимости от того, где вы планируете его использовать:
Так выглядит фото с интернета после нескольких пересохранений:
Так выглядит картинка пригодная для полноцветной печати:
Форматы растровых изображений
К самым распространенным форматам растровых изображений относятся:
Самые популярные программы для работы с растровой графикой это Adobe Photoshop, Gimp, Corel Photo-Paint, Corel Paint Shop Pro.
Что такое векторные изображения
Векторные это изображения, состоящие из множества отдельных, масштабируемых объектов (линий и кривых), которые определены с помощью математических уравнений.
Изображение цветка в векторном формате. Увеличить его можно до любого размера
Объекты могут состоять из линий, кривых и фигур. При этом изменение атрибутов векторного объекта не влияет на сам объект, т.е. Вы можете свободно менять любое количество атрибутов объекта, не разрушая при этом основной объект.
В векторной графике качество изображения не зависит от разрешения так как векторные объекты описываются математическими уравнениями. Поэтому при масштабировании они пересчитываются и не теряют в качестве. Исходя из этого, вы можете увеличивать или уменьшать размер до любой степени, и ваше изображение останется таким же четким и резким. Это будет видно как на экране монитора, так и при печати. Таким образом, вектор – это лучший выбор для иллюстраций, выводимых на различные носители и размер которых приходится часто изменять, например логотипы.
На сегодняшний день векторные изображения становятся все более фотореалистичными, это происходит за счет постоянной разработки и внедрения в программы различных инструментов, например, таких как градиентная сетка.
Векторные изображения, как правило, создаются с помощью специальных программ. Вы не можете отсканировать изображение и сохранить его в виде векторного файла без использования преобразования (трассировки) в программах вроде Adobe Illustrator или Corel Draw.
С другой стороны, векторное изображение может быть довольно легко преобразовано в растровое. Этот процесс называется растрированием. Также, при преобразовании Вы можете указать любое разрешение будущего растрового изображения.
Очень важно, перед растрированием, сохранить оригинал изображения в векторном формате, поскольку после преобразования его в растр оно потеряет все замечательные свойства, которыми обладает вектор.
Векторные форматы
К самым распространенным форматам вектора относятся:
Самые популярные программы для работы с векторами: Adobe Illustrator, CorelDRAW и Inkscape.
Так чем же отличаются векторные и растровые изображения?
Подводя итоги статьи о растровых и векторных изображениях, можно с уверенностью сказать, что векторные изображение имеет смысл использовать везде, где только возможно, если только не требуется фотореалистичность.
Подробное сравнение растровых и векторных изображений:
РАСТР
ВЕКТОР