Scalable Vector Graphics
Download
SVG Overview
SVGに未来のWebグラフィックスを発見
SVGを利用して、ビットマップの限界を克服
XMLベースの次世代Web
もっともっと魅力的なWebページを
デザイナーは印刷品質のグラフィックスをWebに利用
ビジネスへの利用
Tutorials
Demos
In Depth
Community
もっともっと魅力的なWebページを

ライトOK! カメラOK! アクション! 現在のWebテクノロジーに比べて、それこそ何光年も進んだ形でWebは動き出そうとしています。Web上で個人的なショッピングをするにしろ、あるいは情報を検索するにしろ、また、ビジネス活動を行うにしろ、明確で効果的なコミュニケーションをするために、高画質グラフィックスは決定的な意味を持ちます。SVGはWebに、リッチで人の目を釘付けにする魅力的なグラフィックスをもたらしてくれるものです。たとえば、光沢紙に印刷された豪華なカタログや、雑誌、広告に載っているようなすばらしいグラフィックスです。SVGを利用すれば、eコマースなどでも最高画質のグラフィックスを使ってオンラインカタログを作成することにより、ユーザーのみなさんにダイナミックなオンライン体験を味わってもらうことができるのです。市街地をインタラクティブにナビゲートして最寄りの喫茶店を探したり、地図の上で探している番地にズームインしたり、あるいはオンラインカタログでは、精密なテクニカルイラストレーションを掲載してカメラ内部のメカニズムを探求したりといったことも可能です。SVGは次に挙げるような機能を提供することにより、Webデザインに新たな地平を拓くのです。

 
よりリッチなデザイン: SVGを使えば、現在のWebのようにボックスとフレームだけのデザインから脱却できます。複雑なレイアウト、洗練されたタイポグラフィー、高解像度アートワークなどの使用が可能性が開けるというだけでなく、実際に使いこなすことができるようになるのです。
ダイナミックなコンテンツ、強化されたインタラクティビティ: スケーラブル・ベクター・グラフィックの上をマウスが通過したりクリックすると、直ちにフィードバックが帰ってきます。たとえば、ハイライト、テキスト・ティプス、囲んでいるHTMLテキストにリアルタイムで変化するといったフィードバックです。
ダウンロードの高速化: 現在のGIFやJPEG画像に比べて、SVG画像はダウンロード時間が遙かに短く、しかも滑らかに表示されますから、たとえ完全に読み込みが終わらないうちでも、読みやすく認識しやすい画像となります。ユーザーは簡単なマウス操作で画像を拡大させたり縮小することができます。もうグラフィックの追加データのダウンロードを待つ必要はありません。
より生産的な検索: ビューワの「検索」コマンドを利用して、あらゆるSVGグラフィックの内部にあるテキストを検索することができます。またサーチエンジンを利用して、SVG画像内のテキストを検索することも可能です。
正確なカラー: SVGの信頼性の高いカラー機能により、オンラインカタログを使ったeコマースも新たな段階を迎えることになるでしょう。ブラウザのウィンドウで見るコートの色は、送られてきた現物の色を可能な限り再現します。SVGはsRGBとともに、業界標準のICCカラープロファイルをもサポートしています。
高品位印刷: SVGのカラー精度はWeb用カラーだけではありません。ディスプレイとの色合わせも可能です。スケーラブル・ベクター・グラフィックスは、プリンタの最高解像度で印刷することが可能です。もう、ジャギーに悩まされることはありません。

SVGではDOMによるアクセスが可能ですので、SVGグラフィックスはそれ自身の塗りつぶし、ストローク、サイズ等々を変更します。また、HTMLを含むWebページの別の部分にも影響を与えることができます。

Back to Top