SVGの特徴
SVG（Scalable Vector Graphics） は、XMLベースのベクター画像フォーマットです。
拡大・縮小しても画質が劣化しないのが特徴です。
W3C標準仕様で、Webアイコン、ロゴ、グラフ、地図、アニメーションなど幅広く利用されます。
生い立ち
1998年に、HTMLやCSSなどWebで使われる技術の標準化を行う団体W3Cにより仕様が決定されました。
SVGはChrome、Edge、Safari、Firefoxなどほとんどのブラウザで使用できるようになり、普及してきました。
PNG、JPEG、GIFなどとの違い
PNGやJPEG、GIFなどの画像形式は「ラスター形式」で、ピクセルを縦横に大量に並べて画像を表現するものです。
SVGの画像形式は「ベクター形式」で、直線や曲線などを座標上の数値演算で表現するため、拡大や縮小をしても画質は一切劣化しないのです。
SVGファイルの作り方
SVGファイル作成
SVGファイルはAdobe IllustratorやAdobe Photoshopなどの画像編集ソフトで作成できます。
フリーソフトでSVGファイルを作成するには
- Inkscape
Illustratorに匹敵するほど多くの機能が備わっています。（ただし有料版でないと利用できない機能もあります）
Vectr
インターフェイスがシンプルで、ビギナーにもベテランユーザーにも使いやすいでしょう。
RollApp
Inkscapeのブラウザベースのバージョンで、Web上でSVGが作成できます。
SVGファイル変換
オンライン上でファイルフォーマット変換ができて、ダウンロードして使えます。
Convertio ファイルコンバーター
JGPtoSVG ファイルコンバーター
