Arsaga Partners, Inc.

SVG

読み方:えすぶいじー

  

SVGとは

SVGとは、パソコンなどで静止画像を扱うためのファイル形式の1つです。「Scalable Vector Graphics(スケーラブル・ベクター・グラフィックス)」の略で、拡張子は「.svg」です。1999年ごろから開発がはじまり、2001年頃にW3Cによって勧告技術となりました。

当時はサポートしているWebブラウザが少なかったため普及がなかなか進みませんでしたが、現在はGoogle Chrome、Safari、Edgeなど多くのブラウザの最新版で、SVGをサポートしています。

また、アプリ開発においても、SVGを実装することができます。

 

SVGの特徴

  • 拡大しても劣化しない
    SVGは、ベクターデータです。ベクターデータでは、パス、シェイプ、テキストなどの画像を構成する要素の集合や、座標データを画像として扱います。そのため、拡大しても画質が劣化しません。
    パソコン、スマートフォン、テレビなどどのような画面で見ても、きれいに見えます。そのため、SVGは、企業のホームページ上の、会社ロゴや図解イラスト、アイコンなどに使われています。
    当社ホームページ上のロゴマークも、SVG形式を使用しています。
  •  

  • 扱えるソフトウェアが限られている
    SVGは、JPGやPNGなどのファイル形式と比べ、扱えるソフトウェアが少ないことが特徴です。たとえば、Windows標準ソフトのペイントでは、SVGを扱うことはできません。
    また、SNS(Twitter、Facebook)にも、SVGデータをそのまま投稿することはできません。SNSにSVGデータを投稿する場合には、一度JPGやPNGなど、ビットマップ形式(=ラスターデータ)に変換する必要があります。
    SVGを扱えるソフトウェアには、Adobe Illustrator、CorelDraw、Inkscape、花子(一太郎シリーズ)などがあります。業務上SVGを扱うときには、デザイナーに相談することをおすすめします。

 

デザインの現場から!実務お役立ち情報

SVGの仲間には、SVGZという形式もあります。SVGZは、SVGを更に圧縮をしたものです。SVGと比べ、使用できるソフトウェアがさらに限られるため、実務上ではあまり使われていません(※2021年4月時点の情報です)
SVGからJPGなどのラスターデータに変換したい場合は、通常Photoshopなどの専用ツールが必要ですが、無料で変換できるオンラインツールもあります。
また、SVGからJPGにすることは可能ですが、JPGからSVGにすることは通常できません。

 

 

関連用語

PNG
ベクターデータ

 

 

<執筆・監修>
アルサーガパートナーズ株式会社 DX技術用語集制作チーム Design div

制作・監修

アルサーガパートナーズ
DX技術用語辞典 制作チーム

当社は、営業部隊を持たないDX開発パートナースタジオです。

お問い合わせはこちら

CONTACT

下記よりお気軽にご相談ください。

LINEでお問い合わせ

RECRUIT

採用情報

アルサーガパートナーズ株式会社は、一緒に働く仲間を募集しています。 「人間らしく生きる」「自分で考えて行動する」という文化を重視しており、「バグを否定しない」という言葉を掲げています。 挑戦をし続けることが一番の成長に繋がると信じているからです。 まずは挑戦する第一歩を踏み出してもらえれば幸いです。

RECRUIT

採用情報