※本ページにはプロモーション(広告)が含まれています
拡大・縮小しても画質が劣化しないベクター形式の画像ファイル。点や線を数式で表現するため、ロゴやアイコン、図形に向く。Webサイトでも広く使われ、Inkscapeなどで編集できる。
詳しい解説
SVG(エスブイジー、Scalable Vector Graphics)は、拡大・縮小しても画質が劣化しない「ベクター画像」のファイル形式です。「スケーラブル(拡大縮小できる)」の名のとおり、どれだけ大きくしても輪郭がぼやけたりギザギザになったりしません。
JPGやPNGといった「ラスター画像」が色のついた点(ピクセル)の集まりで表現されるのに対し、SVGは点・線・曲線・図形を「数式(座標と計算式)」で記述します。そのため、表示するたびに計算し直され、どんなサイズでも常に滑らかに描画されます。ファイルの中身はテキスト(XML形式)で書かれており、テキストエディタで開いて中身を編集することも可能です。
SVGは、ロゴ、アイコン、地図、グラフ、図形イラストなど、拡大縮小が必要なものに特に向いています。一方で、写真のような複雑で繊細な色合いの表現には向きません(その用途にはJPGやPNGなどのラスター画像を使います)。
Webサイトでは、高解像度ディスプレイ(Retina等)でも美しく表示でき、ファイルサイズも小さく済むことから、ロゴやアイコンにSVGが広く使われています。SVGファイルの作成・編集には、無料のInkscapeや、Adobe Illustratorなどのベクター画像ソフトを使います。
会社のロゴをSVG形式で作っておくと、名刺サイズから大きな看板まで、どんなサイズに拡大しても劣化せずに使えます。InkscapeやIllustratorで作成・編集でき、Webサイトのアイコンにも、ファイルサイズが小さく高精細なSVGがよく使われます。
別の呼び方
エスブイジー
Scalable Vector Graphics
ベクター画像
minto.tech スマホ(iPhone/Android)・パソコン(Windows/Mac)・Office・Wi-Fi・AIツールの「できない」「困った」を解決する実用ガイド。トラブル対処法とノウハウが満載のお助けサイトです。