SVG最適化・圧縮｜ファイルサイズ削減ツール | Develop Tools

SVGを読み込む

SVGコードを貼り付けるか、1件の.svgファイルを読み込んでください。

SVGファイルをここへドロップ またはクリックしてファイルを選択

入力SVGコード

入力元: 直接入力 0 B

最適化前後のプレビュー

プレビュー用SVGでは外部参照と実行可能な内容を常に除去します。

背景拡大率 100%

最適化前のSVGプレビュー — 最適化前

最適化後のSVGプレビュー — 最適化後

前後を重ねて比較する

このツールについて

SVGを公開・共有する前に、不要な編集情報や冗長な記述を整理し、表示を比較しながら軽量化できます。

対応内容

SVGコードの貼り付けと.svgファイルの読み込み
コメント、メタデータ、空白、数値、色、未使用定義の最適化
JavaScript・イベント属性・外部参照の削除
前後プレビュー、重ね合わせ、削減率・処理内容の確認

使い方

SVGコードを入力するかSVGファイルを読み込みます。
安全・標準・最大圧縮または個別設定を選びます。
「SVGを最適化」を押して前後の表示と削減率を確認します。
結果をコピーするかSVGファイルとして保存します。

制限事項

最大圧縮は、SVGを後からJavaScriptやCSSで操作する用途に影響する場合があります。
外部画像、CSS、フォントを残したSVGは、元の公開先が削除されると表示できなくなる場合があります。
高度なパス形状の再計算や、SVGZ・複数ファイルのZIP保存には対応していません。

プライバシー: SVGと最適化結果は利用者のブラウザ内だけで処理され、Develop Toolsのサーバーへ送信・保存されません。ページではGoogle AdSenseの広告コードを読み込みます。詳しくはプライバシーポリシーをご確認ください。