
svgファイルってなに?svgファイルの作成方法と特徴について。
2016.08.30
カテゴリ:クリエイティブ

サイトによってはjpegは一切使わずにsvgだけのサイトも出てきました。
今回はsvgの解説とファイルの作成方法を紹介します。
インデックス
1.svgとは
Illustratorを使った事がある人はわかると思いますが画像がパスのデータになっており、編集が可能です。一般的にベクター(ベクタ)と呼ばれる物で一見すると画像データなのですが、画像のバックにはxmlで書かれたコードが流れています。
下記参照。

利点としてはファイルサイズの小さい事と拡大縮小でも綺麗に表示される事です。
下記を見てください。

これは、svgデータが画像ではなくコードを読み込んでいる為です。
今後はさまざまなデバイスでWEBサイトが観覧されることが増えていくので需要もかなり大きくなってきます。
2.svgの作成方法。
Illustratorでテキストの記入やパスを起こします。




