ファイル形式

SVG - スケーラブル・ベクター・グラフィックスファイル

ロゴ、イラスト、Webグラフィックに使われる一般的なベクター画像形式である SVG(Scalable Vector Graphics)ファイルについて解説します。特徴や開き方をご紹介します。

SVG ファイルとは?

SVG は Scalable Vector Graphics の略です。Web 上でベクターグラフィックスを作成・表示するためのファイル形式です。画像をピクセルの格子で表現するラスター画像(JPEG や PNG など)とは異なり、ベクターグラフィックスは数式と幾何学的な図形を使用します。その結果、SVG ファイルは解像度に依存せず、画質を損なうことなくあらゆるサイズに拡大・縮小できます。

SVG ファイルは通常、複数のサイズやさまざまなデバイスで表示する必要があるロゴ、アイコン、その他のグラフィックの作成に使用されます。

SVG ファイルは次のようなことも可能です。

  • テキストエディタと SVG 構文の知識を使って手作業でコーディングする
  • JavaScript や CSS を使ってアニメーション化したりインタラクティブにする
  • HTML ドキュメントに直接埋め込む、または外部ファイルとして読み込む
  • さまざまなツールで圧縮し、ファイルサイズを削減して読み込み時間を短縮する
  • PNG、JPEG、PDF、EPS など他のファイル形式に変換する
  • PDF ファイル内に埋め込む

SVG ファイルを開くには?

SVG ファイルを開ける、よく使われるプログラムには次のようなものがあります。

  • Adobe Illustrator
  • Inkscape
  • CorelDRAW
  • GIMP
  • Affinity Designer
  • LibreOffice Draw
  • Adobe Photoshop
  • Apple プレビュー

Chrome や Firefox など、一部の Web ブラウザでも SVG ファイルを開くことができます。