ベクタ画像とは？

ベクタ画像の意味

図形を点の座標と数式（直線・曲線・塗り）で記述する画像形式。拡大しても輪郭が滑らかで、ファイルサイズも図形の複雑さに依存する。SVGはXMLで記述するW3C標準のベクタ形式。

ベクタ画像の具体例

ロゴや図表はベクタ形式が向く。写真のような階調豊かな画像は画素の集合で表すラスタ形式（JPEG・PNG）が向く。

ベクタ画像は試験でどう引っ掛けられる？

アウトラインフォントも同じ発想で、輪郭を数式で持つため任意倍率の拡大に強い。ビットマップフォントは拡大するとギザギザになる。

ベクタ画像と関連する用語

• レンダリング

ベクタ画像が出た過去問

• W3Cで仕様が定義され、矩形や円、直線、文字列などの図形オブジェクトをXML形式で記述し、Webページでの図形描画にも使うことができる画像フォーマットはどれか。

  正解：SVG

  要点：SVGはXMLで図形を記述するW3Cのベクタ画像形式

  SVGはW3Cが仕様を定めるベクタ画像形式で、矩形・円・直線・文字列などの図形をXML形式のテキストで記述する。拡大しても輪郭が滑らかで、Webページ内に直接埋め込んで描画できる。

  出典：平成29年度 秋期 応用情報技術者試験 午前 問25（IPA）

• W3Cで仕様が定義され、矩形や円、直線、文字列などの図形オブジェクトをXML形式で記述し、Webページでの図形描画にも使うことができる画像フォーマットはどれか。

  正解：SVG

  要点：SVGはXMLで図形を記述するW3C標準のベクタ画像形式

  SVG（Scalable Vector Graphics）はW3Cが仕様を定めるベクタ画像形式で、図形や文字をXMLで記述する。拡大縮小しても画質が劣化せず、CSSやスクリプトから操作できるためWebページ上の図形描画に適している。

  出典：令和3年度 春期 応用情報技術者試験 午前 問27（IPA）

• W3Cで仕様が定義され，矩形や円，直線，文字列などの図形オブジェクトをXML形式で記述し，Webページでの図形描画にも使うことができる画像フォーマットはどれか。

  正解：SVG

  要点：SVGはXMLで図形を記述するW3C標準のベクター画像形式

  SVG（Scalable Vector Graphics）はW3Cが仕様を定めるベクター画像フォーマットで、図形や文字をXMLのテキストとして記述する。拡大しても劣化せず、HTMLに直接埋め込んでCSSやスクリプトから操作できるため、Webページの図形描画に広く使われる。

  出典：令和7年度 春期 応用情報技術者試験 午前 問23（IPA）