SVGデータの設定

SVGデータとは

Scalable Vector Graphics（スケーラブル・ベクター・グラフィックス)の略。jpegやpngのビットマプデータとは違い、イラストレーターで扱うベクターデータになっている。

特徴

ベクターデータになっているため、拡大しても画像が荒れない。だからretinaディスプレイの場合に必要な画像を用意しなくてもすべて1枚の画像で済む。

SVGデータをつくる

1.Illustratorでトレースする。

2.別名で保存 > フォーマットを選択　> SVGを選択

3.SVGオプションでSVGプロファイルをSVG1.1、文字をSVGに設定

4.SVGファイルが完成。Dreamweaverで開くと下図のようになっている。