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

32

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

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


  1. Из чего состоит растровая графика?

    • Когда я захочу выбрать растр вместо вектора?

  1. Из чего состоит векторная графика?

    • Когда бы я хотел выбрать вектор поверх растра?

PearsonArtPhoto
источник
«Когда бы вы использовали против другого», я думаю, это немного широко. Потребуется немного больше контекста (потому что в цифровых медиа вам часто придется использовать растровые изображения, даже если вектор будет «правильным»)
Pekka поддерживает GoFundMonica
Я просто ищу типичные примеры в идеальном мире. Я понимаю, что вам часто приходится использовать растровые изображения, но я просто ищу общие варианты использования.
PearsonArtPhoto

Ответы:

29

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

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

PearsonArtPhoto
источник
4
Добавить в Pears ответ: Векторные изображения хороши для логотипов и иконок, когда размер не определен. Растровые изображения хороши для фонов и фотографий, когда вы знаете, какой большой размер вы хотите.
zzzzBov
19

введите описание изображения здесь

(это иллюстратор слева, фотошоп справа)

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

  • Adobe Photoshop , GIMP , Krita , Corel Photopaint и Pixelmator являются в основном растровыми (в некоторых также есть несколько очень простых векторных инструментов, но создаваемые ими изображения - растровые).
  • Большинство цифровых программ и приложений для рисования, таких как ArtRage, Sketchbook, Layerpaint и Procreate, являются растровыми.
  • JPG , GIF , PNG , TIFF , BMP - все распространенные форматы растровых изображений. PSD (файлы Photoshop) тоже растровые (но могут содержать векторные формы). PDF-файлы могут содержать оба.

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

  • Adobe Illustrator , Inkscape , Sketch , Affinity Designer и Corel Draw в основном векторные (хотя в некоторых есть несколько инструментов, добавляющих растровые эффекты).
  • Большинство программ CAD и 3D- рендеринга, таких как AutoCAD, Maya, Blender и Cinema4D, работают с (более сложными) векторами.
  • EPS , SVG и AI (Illustrator) являются наиболее распространенными векторными форматами. Все они могут содержать встроенные растровые изображения. PDF-файлы могут содержать и то, и другое - хорошая практика создавать PDF-файлы, в которых есть все, что может быть векторным, и только такие вещи, как фотографии, являются растровыми.

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

Распространено работать со смесью двух, например, где у вас есть фотография и другие элементы.

user56reinstatemonica8
источник
12

@Pearsonartphoto уже говорит об этом. В попытке найти кратчайшее определение, которое все еще верно:

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

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

Пекка поддерживает GoFundMonica
источник
Изменение размера растровой графики вниз не ухудшает изображение, а увеличивает его.
Яри ​​Кейнянен
@koiyu ура, я имел в виду "увеличить". Исправлено
Пекка поддерживает GoFundMonica
@koiyu Это совсем не так, если вы используете Super Sampling.
Матеин Улхак
5

ЗАМЕЧАНИЯ. Inkscape будет примером редактора векторной графики, а GIMP / Photoshop / Paint.NET / и т. Д. Подходят для редактирования растровых изображений.


Вы когда-нибудь замечали, что при увеличении изображения качество становится ниже? Это растровое изображение. Растровое изображение похоже на то, что делает ваша цифровая камера. Они обычно в форматах JPG (с потерями), GIF (без потерь), PNG (мои любимые; без потерь) и многие другие.

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

Paint.NET


Между тем векторные изображения имеют формат SVG и некоторые другие. Их приложения обычно не предназначены для повседневного использования. (Обычные люди не используют векторную графику.) Как правило, вы не можете загружать файлы .svg, и не у всех есть редактор (даже если Inkscape бесплатен).

Они основаны на математической идее векторов:

векторы

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


Вот изображение, которое лучше всего объясняет разницу: http://en.wikipedia.org/wiki/File:VectorBitmapExample.svg

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

Матин Улхак
источник