メタデータのクリーンアップは最も安全な最初のステップです
コメント、エディターのメタデータ、および冗長な XML 宣言は、多くの場合、レンダリングに影響を与えることなく削除できます。これらの変更により、SVG がデザイン ツールからエクスポートされたときのノイズが軽減され、プライバシーが向上します。
元画像をプレビュー
元のSVGを入力してください。
最適化をプレビュー
最適化後に表示されます。
SVGのコメント、メタデータ、エディター属性、XML宣言/DOCTYPE、余分な空白を整理し、色表記を短縮します。 ブラウザー内のみ。処理はローカルのまま、ファイルサイズを小さくします。
または下の入力欄へSVGコードを直接貼り付けてください。
SVG の最適化では、コメント、メタデータ、エディター固有の属性、空白、およびオプションの説明ノードを削除できますが、すべてのバイトが使い捨てできるわけではありません。アクセシビリティ テキスト、CSS または JavaScript で使用される ID、および複雑なパス データは機能的に重要な場合があるため、最適化を視覚的および構造的に検討する必要があります。
コメント、エディターのメタデータ、および冗長な XML 宣言は、多くの場合、レンダリングに影響を与えることなく削除できます。これらの変更により、SVG がデザイン ツールからエクスポートされたときのノイズが軽減され、プライバシーが向上します。
title または desc 要素を削除するとサイズを減らすことができますが、これらのノードは支援技術にグラフィックを記述する可能性があります。 SVG が独自のアクセス可能な名前または説明に依存する場合は、それらを保持します。
このツールは、完全な SVGO パイプラインのようにパス ジオメトリを積極的に書き換えるのではなく、構造のクリーンアップとテキスト レベルの最適化に焦点を当てています。この保守的なアプローチにより、形状が変更される可能性が減りますが、一部の SVG のサイズが適度に節約されることも意味します。