Які відмінності між векторною графікою та растровою графікою?


32

З попередніх знань я розумію, що для створення зображень доступні два різні формати зображення / композиції; растрові та векторні.

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


  1. З чого складається растрова графіка?

    • Коли я хочу вибрати растровий вектор?

  1. З чого складається векторна графіка?

    • Коли я хотів би вибрати вектор над растровим?


"Коли ти використовуєш проти інших", я думаю, трохи широкий. Потрібно б трохи більше контексту (адже в цифрових медіа вам часто доведеться використовувати растрові зображення, навіть якщо вектор буде "правильним")
Pekka підтримує GoFundMonica

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

Відповіді:


29

Векторна графіка - це графіка, в якій зображення зображено математично. Це дозволяє зробити це - збільшити масштаб зображення до нескінченної точності. Вони ідеально підходять для ситуацій, коли зображення може використовуватися в різних дозволах та розмірах.

Растрова графіка має фіксований вимір, дещо схожий на сітчастий візерунок із заданими значеннями в кожній точці. Ці графіки є типовими для речей із реального світу (IE, скановані зображення, фотографії тощо). Вони ідеально підходять для використання, коли зображення буде використано лише один раз, і його ніколи не потрібно буде збільшувати, або якщо частини надходять із фотографії чи іншого зображення в реальному світі.


4
додати до відповіді Груші: Векторні зображення хороші для логотипів та значків, коли розмір невизначений. Растрові зображення хороші для фонів і фотографій, коли ви знаєте, наскільки великим ви хочете щось стати.
zzzzBov

19

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

(це Illustrator зліва, Photoshop праворуч)

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

  • 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-файли, де все, що може бути векторним, є лише растровими.

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

Це звичайно працювати з сумішшю цих двох, наприклад, там, де у вас є фото та інші елементи.


12

@Pearsonartphoto це вже гарно ставить. Прагнучи знайти найкоротше можливе визначення, яке все-таки є правильним:

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

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


Зміна розміру растрового графічного вниз не погіршує зображення в максимально збільшуючи, тим не менш.
Jari Keinänen

@koiyu ура, я мав на увазі "збільшити". Виправлено
Pekka підтримує GoFundMonica

@koiyu Це зовсім не так, якщо ви використовуєте Super Sampling.
Матін Ульхак

5

ПРИМІТКИ: Inkscape буде прикладом редактора векторної графіки, тоді як GIMP / Photoshop / Paint.NET / тощо підходить для редагування растрових зображень.


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

Це редактор Raster Graphics в дії:

Paint.NET


Тим часом векторні зображення є у форматі SVG та деяких інших. Їх застосування зазвичай не для щоденного використання. (Звичайні люди не використовують векторної графіки.) Ви не можете завантажувати .svg файли, як правило, і не кожен має редактор (навіть якщо Inkscape безкоштовний).

Вони засновані на математичній ідеї векторів:

Вектори

Однак, векторна графіка може робити більше, ніж просто лінії. Вони можуть намалювати інші "примітиви", такі як квадрати, кола, криві.


Ось зображення, яке найкраще пояснює різницю: http://en.wikipedia.org/wiki/File:VectorBitmapExample.svg

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

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.