SVGZ ファイル形式

概要

SVGZ ファイルは、SVG のすべての利点を維持しながら、ファイルサイズを減らすように設計されたスケーラブル ベクトル グラフィック(SvG)ファイルの圧縮されたバージョンです. gzip コンプレッシャーを活用することによって、svgz フィルムはそれらの未圧迫の同僚に比べて小さな足跡を提供し、バンド 幅の効率が重要であるウェブ ギャラリーやアニメーションに最適化します. あなたがあなたの資産を最善化しようとしているか、または効果的な画像配達を求める開発者であるかどうかにかかわらず、VgZ の機能を理解することは、あなたのワークフローを大幅に改善することができます.

SVGZ ファイルは、ウェブデザインからデジタル出版まで、さまざまなアプリケーションで広く使用されます. 透明性、グラディエント、アニメーション、フィルターをサポートし、ダイナミックなビジュアルコンテンツを作成するために多様化します. Adobe Illustrator と Corel PaintShop Pro のようなツールでは、SVG Z ファイアを直接作成するか、既存のSvG フォーマットに変換することができます.

主な特徴

  • 圧縮効率: SVGZ ファイルは通常、gzip コンプレッシャーにより標準の SV G フィルムよりも 20-50% 小さいので、Web グラフィックの充電時間を短縮します.
  • XML ベースの構造: SVGZ ファイルの内部構成は XML の基礎であり、ソフトウェアおよびプラットフォームの幅広い範囲との互換性を確保します.
  • 透明性およびグラディエント:透露性層とグラムエフェクトのサポートにより、SVGZは複雑なビジュアルデザインに最適です.
  • アニメーション機能:SVGZファイルには、SMIL(シンクロニズムマルチメディア統合言語)を使用して動作が含まれ、静的なグラフィックにインタラクティブ性を追加することができます.
  • Cross-Platform Compatibility:Windows、macOS、Linuxを含むさまざまなオペレーティングシステムで広くサポートされています.

技術規格

フォーマット構造

SVGZはSVGファイルの圧縮バージョンです. ファイルサイズを減らし、XMLベースの構造を維持するために、gzipコンプレッシャーアルゴリズムを使用します. その結果は、標準 XML として読み取ることができる前に解縮されなければならないバイナリーフォーマットです.

コアコンポーネント

  • タイトル:使用方法(gzip)を含む圧縮されたデータに関するメタデータが含まれています).
  • コンプレッシャーデータブロック:このブラックには実際のSVGコンテンツが圧縮された形式に含まれています.
  • Footer:チェックサムおよびその他の完全性情報が含まれるgzipトレーラーで終了します.

標準と互換性

SVGZ ファイルは、SVG 1.1 の仕様に従い、標準的な SV G をサポートするさまざまなアプリケーションの互換性を確保します. ただし、圧縮のため、 gzip 圧迫されたデータを処理できるツールのみが、デコンプレッシャーなしに、スV GZ のファイルと直接動作することができます.

歴史&進化

SVGファイルを圧縮するという概念は、ウェブパフォーマンスを向上させ、バンド幅の使用を減らす方法として現れました。2000年代初頭に開発されたSVGZは開発者の間で迅速にトラクションを獲得し、オンラインでベクトルグラフィックを提供する効率的な方法を探しています:

  • 2003: Apache サーバー内の gzip 圧縮サポートの導入.
  • 2010s:Webデザインとデジタル出版プラットフォームを通じて広く採用.

SVGZファイルで働く

SVGZファイルの開設

SVGZファイルを開くには、圧縮形式を処理できるソフトウェアが必要です:

  • Webブラウザ:ほとんどのモダンなブロガーはSVGZを先住民またはプラグインを介してサポートしています.
  • グラフィックデザインソフトウェア:Adobe IllustratorやCorelDRAWのようなツールは、SVGZファイルの開設および編集のための内蔵サポートを提供しています.

SVGZファイルの変換

SVGZ ファイルを別のフォーマットに変換することは、通常、ファイルの最初のデコンプレッシャーを含みます:

  • SVGZ to SVG:単にツールまたはスクリプトを使用してファイルを解縮します.
  • SVGZ から PNG/JPG:未圧縮の SVG を ラスター フォーマットに変換します.

SVGZファイルの作成

SVGZファイルを作成するには、いくつかの方法で行うことができます:

  • グラフィックデザインソフトウェア: Adobe Illustrator や Inkscape などのツールを使用して SVG ファイルを作成して輸出し、その後 gzip で手動で圧縮します.
  • Web Server:サーバー上の GZip 圧縮を可能にし、SVG ファイルを SVGZ として自動的にサービスします.

一般的な使用例

  • Web グラフィック 最適化: Web ページのロードタイムをより速くするために、ヴェクター 画像のサイズを減らす.
  • Digital Publishing:デジタル出版物における複雑なビジュアルコンテンツの提供の効率を向上させる.
  • インタラクティブなWebデザイン:最小限のファイルサイズで興味深いユーザー体験を作成するためにアニメーションされたSVGを使用します.

利点&制限

優位性:

  • 減少ファイルサイズ:圧縮は、ファイルのサイズを大幅に減らし、充電時間を改善し、帯域幅の使用を減らす.
  • Cross-Platform Support:さまざまなオペレーティングシステムおよびウェブブラウザで幅広くサポートされています.
  • Rich Feature Set:透明性、グラディント、アニメーションなどの高度な機能をサポートします.

限界:

  • デコンプレッシャーは必要です: 表示または編集前に、追加の処理を必要とします.
  • Limited Tool Support:すべてのグラフィックデザインソフトウェアは、手動介入なしでSVGZファイルをサポートするわけではありません.

開発者資源

SVGZファイルのプログラミングは、さまざまなAPIや図書館を通じてサポートされます. コードの例と実施ガイドはすぐに追加されます.

よくある質問

SVGZファイルを開くにはどうすればよいですか?

SVGZファイルを開くには、コンプレッシャーされたSVGファイルをオープンおよび編集するための内蔵サポートを提供するAdobe Illustratorのような形式またはグラフィックデザインソフトウェアをサポートするウェブブラウザを使用することができます.

SVGをSVGに直接コードに変換できますか?

はい、多くのプログラミング言語は、図書館がSVGファイルをSWGに圧縮することを提供しています gzip モジュールは、SVG ストレッチから SVGZ ファイルを作成するために使用できます.

SVGZを平らなSVG以上で使用する利点は何ですか?

SVGZは、ファイルサイズの減少とウェブグラフィックの充電時間の改善に関して、重要な利点を提供し、Webサイトやデジタルプラットフォームでのパフォーマンスの最適化に理想的です.

参照

 日本語