Scalable Vector Graphics
Download
SVG Overview
イントロダクション
Illustrator 9で始めよう
Illustrator 9.0とSVG書き出し
SVGまたはSVGZ形式への書き出し
フォント・サブセット
埋め込みフォントの配置
ラスター画像の配置
小数点
エンコードのオプション
カスケーディング・スタイル・シート(CSS)プロパティの配置
SVGの基本
ダイナミックSVG
SVGワークフロー
Demos
In Depth
Community
Illustrator 9.0とSVG書き出し
PEG相手の苦労といったら……。GIFにはもううんざりだ…… 。いくらやってもディザリングが消えない……。そんなビットマップのトラブルに、はまってしまった方に朗報です。ベクター・グラフィックス革命が起きたのです。今こそSVGの奇跡をあなた自身の目でお確かめください。
SVG(Scalable Vector Graphics)とは、新しいXMLベースのベクター・グラフィックス形式であり、アドビ、IBM、ネットスケープ、サン、コーレル、マイクロソフトなどの企業を含むコンソーシアムであるW3Cが現在開発中の形式です。といっても、SVGは単なる画像形式ではありません。レイアウト、フォント、色、印刷に対する精密なコントロールをWebデザイナーにもたらすものなのです。それだけではありません。 グラフィックスの拡大・縮小、あらゆるフォントの利用、さらにはWebデザインの印刷も可能です。自由自在の解像度、こぎれいなGIF画像も形無しのファイルサイズが手に入るのです。
その裏にはどんな秘密が隠されているのでしょうか? 実は2つあります。ひとつは、SVGはプレーン・テキストであること。つまり、SVGのコードは、使い慣れたテキストエディタ上で編集可能なのです。そしてもうひとつの秘密――それは、SVGがWeb用の次世代マークアップ言語、XMLで書かれているということです。

では、このベクターWebグラフィックスをもたらしてくれる大いなるWeb新世界に足を踏み入れるには、どうしたらいいのでしょうか? そうです。業界標準のベクター・イラストレーション・ツールである Adobe Illustrator 9.0をお使いになれば、 スピーディにベクター画像を制作することができるのです。やり方は簡単。いつも通りのイラストレーション・ツールを使って作品を制作した後、[書き出し]ダイアログ・ボックスで最終的なデザインをSVG形式で書き出すだけの手軽さです。作成したベクター画像は、SVG Viewerを組み込んだいずれのWebブラウザでも確認することができます。


すでにSVG Viewerをお持ちの場合は、ここをクリックすると、上の例をネイティブなベクター環境で確認することができます。

Back to Top