コンテンツへ移動
Image Toolkit

SVG オプティマイザー

SVG マークアップをローカルで最適化し、ファイルサイズを比較し、ダウンロード前にレンダリング結果を確認します。

端末内で処理 登録不要
ローカル開発者ツール

使い方

  1. 01

    ソースを準備する

    サポートされているソース画像を選択するか、ツールが提供する場合はテキストテンプレートから開始してください。

  2. 02

    結果を調整する

    ブラウザ内の SVGO を使用して静的な SVG を最適化します。小数点以下の精度を設定し、ソースと出力のサイズを比較し、最適化されたレンダリングを検査します。スクリプト、外部リソース、埋め込み HTML、アニメーションは、この静的画像ワークスペースでは拒否されます。

  3. 03

    確認とダウンロード

    完全なプレビューと出力設定を検査します。完成したアセットをダウンロードし、比較用にオリジナルを保持します。

このツールについて

SVG オプティマイザーで作成

SVG マークアップをローカルで最適化し、ファイルサイズを比較し、ダウンロード前にレンダリング結果を確認します。

ブラウザ内の SVGO を使用して静的な SVG を最適化します。小数点以下の精度を設定し、ソースと出力のサイズを比較し、最適化されたレンダリングを検査します。スクリプト、外部リソース、埋め込み HTML、アニメーションは、この静的画像ワークスペースでは拒否されます。

より良い結果のヒント

  • 数値の精度を下げると、細かい形状に影響を与える可能性があります。オプティマイザーは viewBox を保持し、ID のクリーンアップを回避します。意図したサイズで出力を確認し、後の編集のためにソースを保持してください。
  • 結果を確認するまで元のファイルを保持してください。
  • 意図した表示サイズで小さなテキストと細かいエッジを検査してください。
  • 画像処理はブラウザ内で行われます。タブを閉じる前に結果をダウンロードしてください。このツールは元のファイルを上書きしません。

よくある質問

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

サポートされているソース画像を選択するか、ツールが提供する場合はテキストテンプレートから開始してください。ブラウザ内の SVGO を使用して静的な SVG を最適化します。小数点以下の精度を設定し、ソースと出力のサイズを比較し、最適化されたレンダリングを検査します。スクリプト、外部リソース、埋め込み HTML、アニメーションは、この静的画像ワークスペースでは拒否されます。

最適化によって SVG の見た目が変わることはありますか? +

数値の精度を下げると、細かい形状に影響を与える可能性があります。オプティマイザーは viewBox を保持し、ID のクリーンアップを回避します。意図したサイズで出力を確認し、後の編集のためにソースを保持してください。

入力はどこで処理されますか? +

画像処理はブラウザ内で行われます。タブを閉じる前に結果をダウンロードしてください。このツールは元のファイルを上書きしません。

どのファイルを使用できますか? +

受け入れ可能な入力: SVG。利用可能な出力: SVG。ブラウザのデコードサポートと選択した出力設定によって、どのソースファイルを処理できるかが決まります。

アカウントは必要ですか? +

このツールにアカウントは不要です。デバイスに保存する前に出力を確認できます。

関連ツール