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

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

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


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

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

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

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

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

Ответы (4)

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

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

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

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

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

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

  • 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 в основном являются векторными (хотя у некоторых есть несколько инструментов, добавляющих растровые эффекты).
  • Большинство программ САПР и 3D- рендеринга, таких как AutoCAD, Maya, Blender и Cinema4D, работают с (более сложными) векторами.
  • EPS , SVG и AI (Illustrator) являются наиболее распространенными векторными форматами. Все они могут содержать встроенные растровые изображения. PDF -файлы могут содержать и то, и другое — хорошей практикой является создание PDF-файлов, в которых все, что может быть векторным, и только такие вещи, как фотографии, являются растровыми.

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

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

@Pearsonartphoto уже хорошо выразился. В попытке найти кратчайшее возможное определение, которое все еще правильно:

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

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

Однако уменьшение размера растровой графики не ухудшает изображение так сильно, как увеличение.
@koiyu ура, я имел в виду «увеличить». Исправлено
@koiyu Это совсем не так, если вы используете Super Sampling.

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


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

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

Paint.NET


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

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

Векторы

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


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

Обратите внимание, я не мог загрузить, потому что он был в формате .svg (вектор). Однако вы МОЖЕТЕ преобразовать его в растр, но мне было лень.