Adobe
サインイン 注文状況 マイアカウント
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