読み：えすぶいじー ／ 分野：IT・システム
SVGとは、図形を数値データで表す画像形式で、拡大しても粗くならない点が特徴です。
SVGとは、図形や線を座標や数式などの数値データで表す画像形式です。ロゴやアイコンなど、拡大・縮小しても画質が劣化しない画像を扱う際によく使われます。
意味
SVGは「Scalable Vector Graphics」の略で、画像を点や線、色の指定といった数値情報で記述する形式です。写真のように色のついた点（ピクセル）を細かく並べて表現するJPEGやPNGとは異なり、図形の形そのものを計算式で持っています。そのため、画面サイズに合わせて拡大しても輪郭がぼやけず、くっきりとした表示を保てます。また、中身がテキストデータであるため、文字を編集するように色や形を書き換えることも可能です。ファイルサイズが小さく済みやすい点も特徴で、シンプルな図形やアイコンの表示に向いています。
使われる場面と具体例
- Web担当者が、会社ロゴをどの画面サイズでも鮮明に表示するために、SVG形式でサイトに組み込みます。
- デザイナーが、ボタンやアイコンなどの小さな装飾パーツを、拡大表示にも耐えるようSVGで作成します。
- マーケティング担当者が、資料やチラシ用のシンプルな図を、後から色やサイズを調整しやすいSVGで保存します。
中小企業が押さえたい点
- ロゴやアイコンなど図形中心の素材はSVG、写真はJPEGやPNGと使い分けると、表示品質と容量のバランスが取りやすくなります。
- 制作会社やデザイナーに依頼する際は、ロゴ素材をSVG形式でも納品してもらうと、看板や印刷物など別用途への展開がしやすくなります。
- SVGはテキストデータであるため、悪意のあるコードが埋め込まれる可能性があり、出所不明のファイルを扱う際は注意が必要です。
よくある誤解
- 「SVGなら写真もきれいに表示できる」と思われがちですが、写真のような複雑な色合いの表現には向いておらず、図形やアイコン向けの形式です。
- 「拡張子がsvgなら安全」と考えがちですが、内部にプログラムを含められる仕組みのため、画像形式の中でも扱いに注意が必要な種類です。
よくある質問
Q. SVGとPNGはどちらを使えばよいですか。
A. ロゴやアイコンなど形がはっきりした素材はSVG、写真や複雑なグラデーションを含む画像はPNGが向いています。
Q. SVGファイルは誰でも編集できますか。
A. 専用の編集ソフトやテキストエディタがあれば編集可能ですが、図形の座標指定などを理解していないと意図した通りに直すのは難しい場合があります。
Q. 既存のロゴ画像をSVGに変換できますか。
A. 変換するツールは存在しますが、元の画像によっては形が崩れることがあり、デザイナーに作り直しを依頼した方が確実です。
関連する用語
関連記事
ほかの用語を探す
