SVG オプティマイザー
SVG ファイルを圧縮および最適化します。メタデータ、コメント、非表示要素、および冗長な属性を削除します。パスを縮小し、ファイル サイズを削減します。
Optimization Options
SVG オプティマイザーの使い方
- 1SVG コードを貼り付けるか、SVG ファイルをアップロードします。
- 2最適化オプションを選択します(メタデータ削除、縮小など)。
- 3最適化された SVG とファイル サイズの比較を確認します。
- 4最適化された SVG をコピーまたはダウンロードします。
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 ファイルはデバイスから離れることはありません。