Scalable Vector Graphics
Download
SVG Overview
Tutorials
Demos
In Depth
FAQ
リリースノート
アドビとSVG
Community
Frequently asked questions

SVGというのは何ですか?
W3C SVG ワーキンググループのメンバーを教えてください?
オープンな標準というのはどういう意味でしょうか? また、なぜそのことが重要なのでしょうか?
SVGと、W3Cのこのほかのイニシアティブとの関係はどうなっているのですか?
DOMというのは何でしょうか?
SVGの仕様の開発はいつ完了するのですか?
SVGとVMLおよびPGMLとの関係はどうなっているのでしょうか?
SVGのようなベクター・グラフィックス・フォーマットと、GIFやJPEGのようなラスター・フォーマットないしビットマップ・フォーマットとは、どのような点が異なるのでしょうか?
GIFやJPEGでは提供できないものを、SVGは提供できるのですか?
XMLベースのベクター・グラフィックス言語にはどのような利点があるのでしょうか?
Webにテキストベースのベクター・フォーマットを使うと、どのような利点があるのでしょうか?
SVGやXMLを採用すると、HTMLをやめて、最初からスタートしなければならないのですか? また、CGIやGIFといった現在使っているWebテクノロジーも捨てなければならないのでしょうか?
アドビのSVGサポート・プランについて教えてください?
いつ頃、現在のブラウザでAdobe SVGビュワーを利用できるようになるのでしょうか?
アドビのSVGビュワーは、SVGの確定仕様書とどのくらいの整合性があるのでしょうか?
なぜアドビはSVGビュワーを開発しているのですか?
Webブラウザが標準の組み込み機能として、SVGをサポートするようになるのでしょうか?
SVGファイルとスクリプトは、Webブラウザが組み込み機能としてSVGをサポートするようになっても使えるのでしょうか?
デスクトップ・マシンの多くがSVG表示機能を持つようになるのは、いつ頃になるでしょうか?
技術的問題に関するFAQ
ズームイン・ズームアウトの機能を停止するにはどうしたらよいのですか?
アニメーションGIFをSVGと共存させることは可能でしょうか?
SVG画像を含むページを配信するためには、Webサーバにどのような設定をしたらよいのでしょうか?
OperaやAmayaのように、Netscapeのプラグインをサポートしているほかのブラウザで、Adobe SVGビュワーは動作するのでしょうか? もし動作するのなら、Adobe SVGビュワーをこれらのブラウザにインストールする方法を教えてください。
Mac版Internet Explorer では、HTML内のJavaScriptsが埋め込まれたSVGと連携して動作しません。どうしたのでしょうか?
現在のところ、CSSとDOMのサポート状況はどうでしょう?
カスケーディング・スタイルシートとSVGとはどのような関係なのでしょうか?
日本語、中国語、ヘブライ語、アラビア語など、ヨーロッパ以外の文字をSVGファイルに含める方法を教えてください。

問.
SVGというのは何ですか?

答.
SVG (Scalable Vector Graphic) というのは、ベクター・グラフィックス言語のオープンな標準です。これを利用すると、グラデーション、埋め込みフォント、透明度、アニメーション、フィルタ効果などの洗練されたエレメントを含む、エキサイティングな高解像度グラフィックスを使ったWebページを、プレーン・テキストのコマンドでデザインすることができるのです。

Scalable Vector GraphicフォーマットはXML (Extensible Markup Language) に基づくもので、現在World Wide Web Consortium (W3C) のワーキンググループが開発を進めているところです。SVGに関する技術情報は次のリンクでごらんください。

W3C SVG 技術仕様
W3C SVG の概要とプレス関係リンク集

先頭に戻る

問.
W3C SVG ワーキンググループのメンバーを教えてください?

答.
SVG ワーキンググループは、アドビ、アップル、オートデスク、BitFlash、コーレル、HP、IBM、ILOG、INSO、マクロメディア、マイクロソフト、ネットスケープ、OASIS、オープン・テキスト、クオーク、RAL (CCLRC)、サン、ゼロックスなどの業界の主導的企業と、W3Cのスタッフで構成されています。

先頭に戻る

問.
オープンな標準というのはどういう意味でしょうか? また、なぜそのことが重要なのでしょうか?

答.
オープンな標準ですから、SVGは特定の企業に属するものではなくて、業界のリーダーの共同作業によって作られたものなのです。SVGスタンダードは、これを利用しようとするすべての企業、個人に対して開かれており、すでにいくつかの企業がSVGの作成、編集、表示などをサポートするアプリケーションを発表しています。

先頭に戻る

問.
SVGと、W3Cのこのほかのイニシアティブとの関係はどうなっているのですか?

答.
W3Cは国際的な業界団体として設立され、進化を助長し、共通の操作性を確保するための共通のプロトコルを開発することによって、World Wide Webの可能性をフルに発揮できる状況を作り出すように努めてきました。Webの一貫性と影響力を促進するために、W3Cは自らこれまでに作成してきた基準(DOM1、DOM2、CSS、 XML、XPointer、XSLT、XSL、SMIL、HTML、XHTML)や、その他の標準となっているテクノロジー(ICC、URI、UNICODE、sRGB、ECMAScript/JavaScript、Java)に適合するようにSVGを設計しました。

先頭に戻る

問.
DOMというのは何でしょうか?

答.
Document Object Modelというのは、プラットフォームや言語に左右されないインターフェイスで、プログラムやスクリプトがドキュメントのコンテント、構造、スタイルに対してダイナミックにアクセスし、アップデートできるようにするものです。SVG向けのDOMは、スクリプティングによって直接的で効率的なベクター・グラフィックス・アニメーションを実現します。onmouseoverやonclickといったイベント・ハンドラの豊富なセットを、あらゆるSVGグラフィカル・オブジェクトに割り当てることができます。そのほかのWeb標準とも互換性があるため、スクリプティングなどの機能は、同じWebページ内のHTMLやSVGのエレメントにも同時に作用します。

詳細情報に関してはW3Cのサイトをごらんください。

先頭に戻る

問.
SVGの仕様の開発はいつ完了するのですか?

答.
SVGの仕様は、2000年の後半にはW3Cの推奨、つまり開発が完了して承認される見込みです。

先頭に戻る

問.
SVGとVMLおよびPGMLとの関係はどうなっているのでしょうか?

答.
Vector Markup Language (VML) および Precision Graphics Markup Language (PGML) は、1998年にW3Cがベクター・グラフィックスの標準を策定する作業を始める際に、叩き台として提案されたものです。VMLとPGMLには相違点よりも共通する点の方が多かったのですが、一般的には、VMLはオフィス用グラフィックスを作成するための必要をサポートするもので、PGMLはプロフェッショナル向けのデザインや出版業界などの用途によりふさわしい、リッチなグラフィックスをサポートするために、提案されたものです。

これらも含め、そのほかさまざまな提案を受けて、W3CはSVG作業グループを設置しました。SVGはVMLとPGMLの優れた部分を取り入れたベクター・フォーマットで、標準化の必要性を十分に満たす、最良のフォーマットなのです。

先頭に戻る

問.
SVGのようなベクター・グラフィックス・フォーマットと、GIFやJPEGのようなラスター・フォーマットないしビットマップ・フォーマットとは、どのような点が異なるのでしょうか?

答.
GIFやJPEGのようなラスター・フォーマットないしビットマップ・フォーマットは、グラフィックを表示するために必要なすべてのピクセルの情報を含んでいなくてはなりません。そのためGIFやJPEGのファイルは、かさばるし、解像度は低いし、しかもWeb上でバンド幅を大きく使うことになりがちです。これに対してベクター・グラフィックスは直線と曲線でオブジェクトを記述しますから、SVGベクター・ファイルを利用すれば、コンパクトでしかも印刷画質のグラフィックスをWeb上で配信することが可能になります。また印刷にも利用できるほか、リソースが限定される携帯機器でも利用することができます。

先頭に戻る

問.
GIFやJPEGでは提供できないものを、SVGは提供できるのですか?

答.
SVGは、GIFのようなビットマップ・フォーマットないしラスター・フォーマットにはない、多くの重要な特徴を持っています。

ズーム: シャープネス、ディテール、明瞭性などを犠牲にすることなく、ユーザーは画像の表示を拡大・縮小することができます。
テキストはテキストのまま: SVG画像内のテキストは、常に編集可能で検索することもできます。フォントの制限もありませんから、ユーザーも寸分違わぬ同じ画像を見ることになります。
ファイルサイズが小さい: SVGファイルはJPEGやGIFといったWebグラフィックス・フォーマットに比べて小さいために、読み込み時間も短くなります。
ディスプレイに依存しない: SVG画像はディスプレイに表示した場合には常に鮮明で、300 dpiであろうと600 dpiであろうと、あるいはそれ以上の解像度であっても印刷することができます。
卓越したカラーコントロール: SVGは1600万色のカラーパレットを提供します。また、ICCカラー・プロファイル、sRGB、グラデーション、マスキングをサポートしています。
インタラクティビティ&インテリジェンス: SVGはXMLベースですから、並ぶもののないダイナミックなインタラクティビティを提供します。SVG画像は、ハイライトやツール・ティップス、特殊効果、オーディオ、アニメーションなどを利用して、ユーザーのアクションに応えることができるのです。

先頭に戻る

問.
XMLベースのベクター・グラフィックス言語にはどのような利点があるのでしょうか?

答.
XMLはHTMLよりもストラクチャ・コントロールに秀で、より洗練されています。SVGは完全にXMLベースですから、開発者にとっても、ユーザーにとっても大きなメリットがあります。Webサイトが次第に複雑化し、インタラクティビティやビジュアルの面でも洗練されてくるにしたがって、WebデザイナーはHTMLよりも強力な言語を必要とするようになってきました。

Extensible Markup Language (XML) は、Web業界の主要な企業や開発者からも幅広く熱烈な支持およびサポートを受けています。

XMLはHTMLとは異なり、プレゼンテーションとコンテントが完全に分離しています。構造化されたデータタイプで情報を記述することにより、ユーザー・アプリケーションは同一のXMLページを、表示したり、あるいはデータとして処理することが可能です。HTMLのように表示だけではないのです。たとえば、電話番号にXMLのタグをつければ、携帯電話から電話をかけさせることもできます。しかしこのファイルを処理するデバイスとアプリケーションによっては、ビジネス用のSVG画像として近所の地図を描画させるという使い方もできるのです。

より詳しい情報はW3Cのサイトをごらんください。

先頭に戻る

問.
Webにテキストベースのベクター・フォーマットを使うと、どのような利点があるのでしょうか?

答.
SVGやXMLは完全にテキストベースです。このため、開発者にもユーザーにも同じよう数多くのメリットがあります:

SVG画像はXMLベースのコマンドで圧縮されテキストで記述されますから、JavaScriptやXMLを組み込むことができます。しかも短いスマートなコードで、このようなことができるのです。
テキストベースのフォーマットですから、サーチエンジンやブラウザの検索機能を利用して、ユーザがSVG画像内のテキストを検索することができます。
SVGは、JavaScript、Perl、Javaなどのスクリプティング言語を利用し、リレーショナル・データベースからASCIIファイルまで、あらゆるソースのデータを使って、簡単に生成することができます。ユーザー・サイドで拡大・縮小が可能で、ダイナミックにアップデートされる、高品位のチャートやグラフを作成するのには理想的な手段と言えるでしょう。
SVGはDOM (Document Object Model) を完全サポートしていますから、完璧にスクリプト可能です。SVG画像の全体ないし一部分を、クリックなどのマウス動作に対応させることができます。マウスの動きの応じて、グラフィック自体を書き換えたり、HTMLテキストや別の画像など、同一ページ上の別のオブジェクトを呼び出したりといった、インタラクティブな変化をつけることも可能です。
SVGはプラットフォーム、出力解像度、カラー・スペース、バンド幅にかかわりなく動作します。

先頭に戻る

問.
SVGやXMLを採用すると、HTMLをやめて、最初からスタートしなければならないのですか? また、CGIやGIFといった現在使っているWebテクノロジーも捨てなければならないのでしょうか?

答.
いいえ。SVGとXMLは現在のWebテクノロジーとシームレスに協調して動作します。HTML、CGIスクリプト、Java、JavaScript、GIFやJPEGといったラスター・フォーマットともまさに調和して動作します。Adobe Illustratorのような使い慣れたグラフィック・ツールを利用して、イラストレーション・タイプのグラフィックを描くのとまったく同じやり方で、スケーラブル・ベクター・グラフィックスを作成することができるのです。Webデザイン用のSVGオブジェクトを作成したり利用するために、新しいソフトウェアを一から学ぶ必要はありません。

先頭に戻る

問.
アドビのSVGサポート・プランについて教えてください?

答.
オープン・スタンダードですからSVGはどこか特定の企業の専有物ではありません。しかしアドビは製品ライン全体にわたって、適切なSVGサポートを組み込んでいく予定です。アドビはまた、SVGビュワーも開発しております。さらにアドビは、各企業が幅広いアプリケーションを開発して、SVGの作成、編集、表示のサポートをするものと考えております。

先頭に戻る

問.
いつ頃、現在のブラウザでAdobe SVGビュワーを利用できるようになるのでしょうか?

答.
Adobe® SVGビュワーは現時点で、WindowsおよびApple Macintoshプラットフォームで、Netscape CommunicatorとInternet Explorerにご利用いただけます。またアドビは、W3CがSVGの仕様を確定した直後に、ビュワーをアップデートする予定です。

先頭に戻る

問.
アドビのSVGビュワーは、SVGの勧告時の仕様書とどのくらいの整合性があるのでしょうか?

答.
アドビはSVGの勧告時の仕様書て規定される機能をすべて、Adobe SVGビュワーでサポートする予定です。

先頭に戻る

問.
なぜアドビはSVGビュワーを開発しているのですか?

答.
Netscape NavigatorやMicrosoft Internet Explorerを含め、現行世代の一般に使われているWebブラウザはSVGをサポートしていません。Adobe SVGビュワーは、Web上のSVGコンテントへのアクセスを今すぐに実現するものです。よく使われているブラウザがSVGとXMLをネイティブにサポートするまでは、セパレートなビュワーが必要となるわけです。アドビでは、Adobe.comを通じてSVGビュワーや関連するアドビ製品を簡単に入手できるようにするとともに、インターネットを通じて広く配布されるようにして行く予定です。

先頭に戻る

問.
Webブラウザが標準の組み込み機能として、SVGをサポートするようになるのでしょうか?

答.
標準の組み込み機能としてSVGをサポートするスケジュールに関しては、ブラウザ・ベンダがまだ公表していません。

先頭に戻る

問.
SVGファイルとスクリプトは、Webブラウザが組み込み機能としてSVGをサポートするようになっても使えるのでしょうか?

答.
もちろん。Adobe SVGビュワーのファイナル・バージョンで提供する予定のSVG標準の機能は、ブラウザがSVGの表示をネイティブにサポートするようになっても、同様に機能します。

先頭に戻る

問.
デスクトップ・マシンの多くがSVG表示機能を持つようになるのは、いつ頃になるでしょうか?

答.
アドビを始めとする多くの企業の努力により、2000年の半ばにはかなり多くのデスクトップ・マシンがSVG表示能力を備えるでしょう。アドビは、ほかの企業やWebコミュニティーとも密接に連携を取りながら、SVG表示の促進に努めて参ります。

Adobe SVGビュワーは簡単にダウンロードできますし、初めてのユーザーは自動的にSVGコンテントを含むページに行けるようになっています。ここでユーザーは、SVGが提供する豊富なグラフィックスと強化されたインタラクティビティを体験することでしょう。

先頭に戻る

問.
ズームイン・ズームアウトの機能を停止するにはどうしたらよいのですか?

答.
現在のところ、SVGワーキングドラフトのスペックによると、'enableZoomAndPanControls'属性を<svg>に含めるようになっています。この機能は現行のAdobe SVGビュワーでも実現されています。

先頭に戻る

問.
アニメーションGIFをSVGと共存させることは可能でしょうか?

答.
Adobe SVGビュワーの現行バージョンでは、アニメーションGIFを一部分しかサポートしていません。アニメーションGIFを表示することはできますが、動きません。最初のフレームだけが表示されます。

先頭に戻る

問.
SVG画像を含むページを配信するためには、Webサーバにどのような設定をしたらよいのでしょうか?

答.
サーバのMIMEタイプにSVG MIMEタイプを追加する必要があります。SVG MIMEタイプは“image/svg-xml”です。新しいMIMEタイプの追加方法については、サーバのマニュアルに従ってください。

先頭に戻る

問.
OperaやAmayaのように、Netscapeのプラグインをサポートしているほかのブラウザで、Adobe SVGビュワーは動作するでしょうか? もし動作するのなら、Adobe SVGビュワーをこれらのブラウザにインストールする方法を教えてください。

答.
アドビはOperaブラウザに関して現時点ではサポートをしていません。その代わり、まず最も広く使われているプラットフォームに集中して開発を進めているところです。当社のインストーラはOpera、Amayaなどのブラウザを認識しません。しかし、Netscapeのプラグイン・フォルダから別のブラウザのプラグイン・フォルダにコピーすることは可能かもしれません。関連するファイルは、NPSVGVw.dll、SVGView.dll、SVGViewer.zipです。

先頭に戻る

問.
Mac版Internet Explorer では、HTML内のJavaScriptsが埋め込まれたSVGと連携して動作しません。どうしたのでしょうか?

答.
Macintosh版Internet ExplorerはプラグインへのJavaScriptによるアクセスをサポートしていません。また、プラグインによるブラウザのJavaScriptエンジンの利用もサポートしていません。このため、この特定のプラットフォームでは、HTMLの中のJavaScriptが埋め込まれたSVGにアクセスできないのです。同様に、SVGファイルの中にあるJavaScriptも実行できません。この問題に関して、Mac版Internet Explorerの将来のバージョンでどうなるか関心がある方はマイクロソフトにお問い合わせください

先頭に戻る

問.
現在のところ、CSSとDOMのサポート状況はどうでしょう?

答.
SVGの仕様に詳述されているCSSプロパティのほとんどはサポートされています。DOMのサポートは今後のリリースノートをごらんください。

先頭に戻る

問.
カスケーディング・スタイルシートとSVGとはどのような関係なのでしょうか?

答.
Adobe SVGビュワーは現在、インラインや埋め込みスタイルシートはもちろん、外部スタイルシートもサポートしています。Adobe Illustrator 9.0は自動的に、埋め込みスタイル付きのSVG画像を書き出しますが、ちょうどHTMLの場合のように、簡単に外部スタイルシートと連動するSVGをデザインすることもできます(CSSのレッスンにある実例をごらんください)。

先頭に戻る

問.
日本語、中国語、ヘブライ語、アラビア語など、ヨーロッパ以外の文字をSVGファイルに含める方法を教えてください。

答.
SVGグラフィックにISO-8859-1以外の文字を含めるには、正しいUnicode文字値を使わなくてはなりません。Unicodeを利用できるエディタで直接入力することも可能ですが、数値化された文字参照値で入力することもできます。たとえば、ᄢといった具合です(これは朝鮮語の文字です)。Adobe SVGビュワーはUS-ASCII、 ISO-8859-1、UTF-16、UTF-8のエンコードをサポートしています。
【実例】

<text x="2.5cm" y="1.5cm"><tspan style="font-family:times">This</tspan><tspan style="font-family:hebrew">ל</tspan><tspan style="font-family:times"> SVG.</tspan></text>

次にこれらの文字を表示するためには、適切なフォントがインストールされていることが必要です。しかしAdobe Illustratorは小さな「CEF」フォントを作成しますから、たとえフォントがインストールされていなくても、誰でもSVGを見ることができるのです。Illustratorの「CEF」機能に関する詳しい情報は、こちらをクリックしてご覧ください。Unicodeについての詳しい情報に関しては、コミュニティー・セクションのリンクをご利用ください。

先頭に戻る

Copyright ©2000 Adobe Systems Incorporated. All rights reserved.
法律上の注意事項と商標について
オンラインでのプライバシー保護について