SVGファイルとは
SVGはW3Cが標準化したXMLベースのベクター画像形式です。ピクセルの代わりに図形、パス、文字、グラデーションを命令として保存するため、ロゴはファビコンから看板までどんなサイズでも完璧に鮮明に描かれ、ファイルは数キロバイトで済むことが多いです。テキストなので、SVGは手で編集でき、CSSでスタイルを付け、JavaScriptで動かせます。
この柔軟さは弱点でもあります。写真は図形で表現できず、複雑なイラストは重く遅くなり、SVGはスクリプトや外部参照を含み得るため、多くのプラットフォームはアップロードされたSVGを無害化するか拒否します。メール、SNS、印刷ワークフローにはラスター版が依然として必要です。
SVGが適している場面
強み
- 無限に拡大縮小可能: どの画面、どの印刷サイズでも鮮明
- ロゴ、アイコン、図表、グラフのファイルがごく小さい
- Webでスタイル付けや動きを付けられる編集可能なテキスト形式
制限
- 写真には不向き。細密なアートワークは大きく遅くなる
- スクリプトを含み得るため多くのアップロードフォームが拒否する
- ブラウザーやエディター間で描画がわずかに異なる
SVGファイルの開き方
どのブラウザーもSVGを表示でき、Inkscape、Illustrator、Figma、Affinity Designerで編集できます。Windowsエクスプローラーや多くのビューアーは汎用アイコンしか表示しないので、素早いプレビューや文書に貼り付ける版が必要ならSVGからPNGで変換してください。