ベクターグラフィックスとラスターグラフィックスの違いは何ですか?


32

事前知識から、画像の作成には2つの異なる画像形式/合成オプションが利用可能であることを理解しています。ラスターとベクトル。

それぞれの定義特性や、それぞれが持つ典型的な一般的なユースケースなど、それらについてさらに理解したいと思います。


  1. ラスターグラフィックスは何で構成されていますか?

    • いつベクターよりもラスターを選択したいですか?

  1. ベクターグラフィックスは何で構成されていますか?

    • ラスターよりもベクターを選択したいのはいつですか?


「いつ対他を使用するか」は少し広いと思います。もう少しコンテキストが必要になります(デジタルメディアでは、ベクターが「正しいこと」であってもラスターイメージを使用しなければならないことが多いため)
PekkaはGoFundMonicaを

理想的な世界の典型的な例を探しています。多くの場合、ラスターイメージを使用する必要があることを理解していますが、一般的なユースケースを探しています。
-PearsonArtPhoto

回答:


29

ベクターグラフィックスは、画像が数学的な方法で表現されるグラフィックスです。これでできることは、画像を無限の精度でズームインすることです。これらは、画像がさまざまな解像度と寸法で使用される状況に最適です。

ラスターグラフィックスの寸法は固定されており、各ポイントに指定された値を持つグリッドパターンのようなものです。これらのグラフィックスは、実世界からのもの(IE、スキャンされた画像、写真など)のデフォルトです。画像が一度しか使用されず、拡大する必要がない場合や、写真やその他の実世界の画像からの部分の場合に使用するのに理想的です。


4
Pearsの回答に追加するには:サイズが不定の場合、ベクター画像はロゴやアイコンに適しています。ラスター画像は、何かを大きくしたいことがわかっている場合、背景や写真に適しています。
zzzzBov

19

ここに画像の説明を入力してください

(左側がIllustrator、右側がPhotoshopです)

ラスター画像は、デジタルカメラやスキャナーから出てくるような、単なるピクセルのグリッドです。ファイルはそれらのピクセルの意味を知りません。ウェブ画像とデジタル絵画は、ほとんどの場合ラスターです。

  • Adobe PhotoshopGIMPKritaCorel PhotopaintPixelmatorは主にラスターです(一部の非常に基本的なベクトルツールもありますが、作成する画像はラスターです)。
  • ArtRage、Sketchbook、Layerpaint、Procreateなどのほとんどのデジタルペイントプログラムとアプリはラスターです。
  • JPGGIFPNGTIFFBMPはすべて一般的なラスターイメージ形式です。PSD(Photoshopファイル)もラスターです(ただし、並べ替えのベクトル図形を含めることができます)。PDFには両方を含めることができます。

ベクター画像は、個別の図形、線、パスなどで構成されています。各図形は個別であるため柔軟性が高く、好きなだけ拡大縮小できますが、画像を自然に見せることは難しくなります。

  • Adobe IllustratorInkscapeSketchAffinity DesignerおよびCorel Drawは、主にベクトルです(ただし、ラスター効果を追加するツールがいくつかあります)。
  • AutoCAD、Maya、Blender、Cinema4DなどのほとんどのCADおよび3Dレンダリングプログラムは、(より複雑な)ベクトルで動作します。
  • EPSSVG、およびAI(イラストレーター)は、最も一般的なベクター形式です。すべての埋め込みラスターイメージを含めることができます。PDFには両方を含めることができます。ベクターにできるものはすべてあり、写真のようなものだけがラスターであるPDFを作成することをお勧めします。

一般に、ベクターを使用できる場合は、それをお勧めします。スケーリングがより柔軟になり、編集が簡単になり、印刷に十分な解像度であることを心配する必要がなくなります(ベクター画像の解像度無限です)。

写真と他の要素がある場合など、2つの組み合わせを使用するのが一般的です。


12

@Pearsonartphotoはすでにそれをうまく入れています。依然として正しい、可能な限り短い定義を見つける努力において:

  • ベクターグラフィックスは、任意のサイズに拡大できる幾何学的要素(円、正方形、三角形などのプリミティブ、ポリゴン、曲線など)のコレクションです。

  • ラスター(ピクセル)グラフィックスは、色付きのドットのコレクションです。ドットが表示されないと拡大できません。


ただし、ラスターグラフィックのサイズを小さくしても、画像のサイズは拡大ほど低下ません。
ヤリケイネン

@koiyu歓声、私は「拡大」を意味しました。修正済み
PekkaはGoFundMonicaを

@koiyuスーパーサンプリングを使用する場合は、まったく機能しません。
Mateen Ulhaq

5

注:Inkscapeはベクターグラフィックスエディターの例ですが、GIMP / Photoshop / Paint.NET / etcはラスターイメージの編集に適しています。


画像を拡大すると、品質が低下することに気づいたことがありますか?それはラスター画像です。ラスターイメージは、デジタルカメラで撮影するイメージに似ています。それらは通常、JPG(損失あり)、GIF(損失なし)、PNG(私のお気に入り、損失なし)、および他の多くの形式です。

これは、動作中のラスターグラフィックスエディターです。

Paint.NET


一方、ベクター画像はSVG形式およびその他の形式です。それらのアプリケーションは通常、日常的に使用するためのものではありません。(普通の人はベクターグラフィックスを使用しません。)通常、.svgファイルをアップロードすることはできません。また、誰もがエディターを持っているわけではありません(Inkscapeは無料です)。

それらはベクトルの数学的アイデアに基づいています:

ベクトル

ただし、ベクターグラフィックスは単なる線以上のことができます。彼らは、正方形、円、曲線のような他の「プリミティブ」を描くことができます。


違いを最もよく説明している画像を次に示します。http//en.wikipedia.org/wiki/FileVectorBitmapExample.svg

.svg(ベクター)形式であるため、アップロードできませんでした。ただし、ラスターに変換できますが、私は面倒でした。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.