SVG オプティマイザー

SVG ファイルを圧縮および最適化します。メタデータ、コメント、非表示要素、および冗長な属性を削除します。パスを縮小し、ファイル サイズを削減します。

Optimization Options

SVG オプティマイザーの使い方

  1. 1SVG コードを貼り付けるか、SVG ファイルをアップロードします。
  2. 2最適化オプションを選択します(メタデータ削除、縮小など)。
  3. 3最適化された SVG とファイル サイズの比較を確認します。
  4. 4最適化された SVG をコピーまたはダウンロードします。
Zenovayアナリティクス

訪問者の本当の行動を知る。

  • リアルタイムの訪問者トラッキング
  • プライバシーファースト、クッキーバナーなし
  • 2分でセットアップ
Zenovayを見る

よくある質問

SVG オプティマイザーは何をしますか?
SVG オプティマイザーは、外観を変えずに SVG ファイルから不要なデータを削除します。メタデータ、コメント、空のグループ、非表示要素、デフォルト属性、および不要な空白です。典型的な SVG には 30~60% のブロートが含まれています。
SVG を最適化しても安全ですか?
はい、標準的な最適化を使用する場合。メタデータとコメントの削除は常に安全です。このツールはすべてのビジュアル要素を保持し、レンダリングに影響しないデータのみを削除します。常に元の SVG をバックアップとして保持してください。
SVGO とは何ですか?
SVGO は最も人気のあるオープンソース SVG 最適化ツールで、ほとんどの SVG ビルド パイプラインで使用される Node.js ライブラリです。このオンライン ツールは、ブラウザで直接同様の最適化を実装します。
SVG はどの程度圧縮できますか?
Illustrator から作成された SVG はファイル サイズの 40~60% を削減します。Sketch/Figma エクスポートは 20~40% を削減します。手書きの SVG は 10~20% を削減します。gzip と組み合わせると、最適化された SVG は非常に効率的です。
Web アイコンには SVG または PNG を使用すべきですか?
SVG はアイコンではほぼ常に優れています。無限にスケーラブル、シンプルなグラフィックスのファイル サイズが小さい、CSS でスタイル設定可能、アニメーションをサポートしています。最適化された SVG アイコンは通常 200~500 バイトです。
このツールは SVG をサーバーに送信しますか?
いいえ。すべての最適化はブラウザ内で完全に行われます。SVG ファイルはデバイスから離れることはありません。