SVG エディター

SVG 内のスクリプト、イベント、外部リソースを削除し、SVGO を使用して容量を最適化し、差分を報告します。安全なコピーをプレビューおよびダウンロードできます。

ブラウザー内でローカル処理

このページは公開ディレクトリのチェックに合格しています。JavaScript を有効にすると、すべての機能を使用できます。

使用ガイド

SVGエディターの使い方

SVG のテキストは現在のブラウザ内でのみ消去、最適化、プレビューされ、アップロードされたり外部リソースを能動的に要求したりすることはありません。

入力 SVG
内容を貼り付けるか、2 MiB以下のSVGファイルを読み込み、複数回の最適化を実行するかどうかを選択してください。
安全なクリーンアップと最適化
ツールはまずスクリプト、イベント、外部リソース、危険な要素を削除し、SVGO で最適化した後、再度安全なクリーンアップを実行します。
確認してダウンロード
元のバイト数、クリーンアップ後と最適化後のバイト数、削除統計を確認し、プレビューを確認してから安全なコピーを作成またはダウンロードできます。

安全なクリーンアップでは、スクリプト、foreignObject、イベント属性、外部参照、および一部のスタイルを積極的に削除するため、これらの内容に依存する SVG の外観や操作性が変わることがあります。
最適化によりパス、属性、ID、および数値精度が書き換えられる可能性があるため、ソース構造、アニメーションのバインディング、またはエディターのメタデータを保持する必要がある可逆的な往復処理には適していません。
ブラウザーでのプレビューに問題がないことは、SVGがすべてのレンダラーで同一になることを意味しません。重要な図形については、ダウンロード結果を目視で比較し、対象環境でテストしてください。

最適化後にもう一度クリーンアップする必要があるのはなぜですか？

これは、最終的なプレビューとダウンロードが引き続きセキュリティポリシーを満たし、変換処理のいずれの段階でも禁止された構造が再び持ち込まれないようにするためです。

複数回最適化すれば必ず小さくなりますか？

通常は冗長性をさらに減らせますが、時間がかかり、書き換えも増えます。レポートと目視による確認結果を基準としてください。

図形のノードを編集できますか？

このツールはソースコードのクリーンアップ、最適化、プレビューを行うものであり、ベクター描画ソフトウェアのようなノードのドラッグ＆ドロップ編集には対応していません。