GHWEB06.GRASSHOPPER

SVG（Scalable Vector Graphics）は、XMLベースのベクター画像記述言語です。
一見、難しそうな感じですが、なんて事はありません。illustratorから書出しが可能ですのでXMLをモリモリ記述する必要はありません。

サンプル

SVGのメリット

1. XMLが解らなくてもillustratorでSVGの作成が可能。
2. illustratorでSVGの再編集が可能。
3. 拡大・縮小しても劣化が無いので高精細化ディスプレイ対応にもなります。
4. 最近の主要ブラウザは対応しています。

SVGのデメリット

1. illustratorでSVGの再編集が可能なので、何でもSVGにするのはまずいかなと。
2. illustratorの乗算等の描画モードの出力ができません。
3. 画像ファイルよりファイルサイズが大きくなる。
4. 古いブラウザは非対応。※IE8以前とか

デメリットはありますが、メリットの方が大きく感じます。illustratorを使えは簡単に作成が可能ですので今後の利用は増えて行きそうです。このサイトも一部使用してみようと思います。