Scalable Vector Graphics
![]() | |
拡張子 | .svg 、.svgz |
---|---|
MIMEタイプ | image/svg+xml [1] |
UTI | public.svg-image |
開発者 | W3C |
初版 | 2001年9月4日 |
最新版 | 1.1 (Second Edition) |
種別 | ベクターグラフィック |
派生元 | XML |
オープン フォーマット | Yes |
ウェブサイト | W3C SVG Working Group |
概要
編集1998年にアドビシステムズ・IBM・ネットスケープコミュニケーションズの3社によって提案されたPGML(Precision Graphics Markup Language)[4]と、Autodesk・ヒューレット・パッカード・Macromedia・マイクロソフト・Visio の5社によって提案された VML (Vector Markup Language)[5]をもとにして、W3C SVG ワーキンググループにより開発された[6]。
沿革
編集特徴
編集編集
編集SVG は、拡張の自由度が高い XML (Extensible Markup Language) で記述されており、XML ならではの各種機能を定義した要素を持つ。SVG ではそれ自身に回転・拡大・移動などの表現を定義しているため、単体で多様な表現をすることが可能である。
従来のウェブサイトでは、いわゆるインタラクティブな双方性のある画面変化を伴う表示を JavaScript や FLASH を用いてきた。HTML/XHTML に SVG を組み合わせることにより、JavaScript や FLASH を導入せずとも同様の効果が発揮されることが期待される。
XML なので、原理的には専用のアプリケーションを用いることなく通常のテキストファイルとして作製・編集できる。
レイヤー
編集ファイル形式
編集基本的に SVG は MIME 形式指定では image/svg+xml で指定された画像フォーマットである。ファイルの拡張子は .svg と gzip 圧縮された .svgz がある。拡張子 .svg はテキストファイルであるため、大きなデータではネット間の通信トラフィックにおいてのデメリットが大きいが、圧縮した .svgz では数分の一のファイルサイズになる。展開機能はWebブラウザ側が受け持つ。
親和性
編集SVG は基本的に文章で構成されており、ブラウザの利用者が入力した情報を CGI や JavaScript を介して SVG データに組み入れることが可能である。これにより、ベクターデータを用いた統計グラフでは可変性のある表示が可能になる。
長所
編集文書で制作できるため、独自タグを用いることで高品質な表現が可能である。文字情報は文字データのみを明示的にグループ化しているため、文字のグループのみを抽出することで多言語化が比較的容易にできる。
欠点
編集ビットマップデータの大きさは各形式によってある程度左右されるが、ほぼ面積比によってある程度のサイズに納まることが多い。それに対し、ベクターデータは画面表示サイズに関わらず全ての情報を常に保持し続けるため、表示情報が多い場合はビットマップデータよりもサイズが大きくなる傾向がある(ただし、これはベクターデータ形式全般に言えるものであり、SVG のみの欠点ではない)。
規格の概要
編集現状
編集日本産業規格
編集JIS X 4197:2012「可変ベクタグラフィクス SVG Tiny1.2」としてW3C発行のSVG Tiny 1.2規格を技術的内容を変更することなく邦訳した規格表が発行されている(2012年最終改訂)[13]。
SVG 編集ソフト
編集ウェブブラウザによる SVG 画像の表示
編集2010年代にはパソコン用の主要ウェブブラウザでネイティブサポートされるようになった。
2018年5月時点で[17]、HTML標準の仕様ではSVG 2を参照している。さらに、SVGを実装するならそれ以前のバージョンではなくSVG 2を実装しなければならないと規定されている[18]。
ネイティブサポート
編集プラグインサポート
編集デスクトップ
編集脚注
編集出典
編集参考文献
編集関連項目
編集- Adobe Flash (Macromedia Flash)
- Apache Batik
- Canvas要素
- Commons:SVG変換
- Comparison of layout engines (SVG)
- Computer Graphics Metafile (CGM)
- Direct2D
- Extensible Markup Language (XML)
- 地理情報システム
- List of vector graphics editors
- List of vector graphics markup languages
- PostScript (PS)- ベクタ形式の画像フォーマット
- Encapsulated PostScript (EPS) - ベクタ形式の画像フォーマット
- Raster to vector
- Resolution independence
- SVG animation
- SVG Working Group
- SVG's XML Binding Language
- WYSIWYG
- Windows Metafile (WMF, EMF) - ベクタ形式の画像フォーマット
- ビットマップ画像(ラスターグラフィック)
- ベクターイメージ
外部リンク
編集- W3C の SVG 公式サイト
- Scalable Vector Graphics (SVG) 2 - SVG 2の規格書
- SVG: Scalable Vector Graphics - Mozillaによる、ウェブ開発者向けの説明