Tool Hub

SVG 最適化

SVG メタデータ削除とファイルサイズ最適化

SVG ファイルからエディタのメタデータ、コメント、余分な空白、過剰な小数桁を取り除いてサイズを削減します。minified / pretty モードを切り替えて出力を確認できます。

00 bytes (0% 削減)

入力 SVG

出力 SVG
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
  <!-- Generated by Inkscape -->
  <metadata>noise</metadata>
  <title>circle</title>
  <circle cx="50.000000" cy="50.000000" r="40.123456" fill="red" />
</svg>

元のプレビュー

元のプレビュー

最適化されたプレビュー

最適化されたプレビュー

使い方

  1. アップロード ボタンを使用して SVG ファイルをアップロードするか、ツールにドラッグします。
  2. 小数点以下の桁数フィールドを設定して、座標精度を制御します (0~6)。
  3. エディターの入力タブと出力タブを切り替えて、元のマークアップと最適化されたマークアップを比較します。
  4. バイトサイズ比較 (例: 4,200 → 2,800 バイト、33% 節約) をインラインで読みます。
  5. ダウンロード ボタンを使用して最適化された SVG をダウンロードします。

  • 3,200 バイトのアイコン SVG を 2 桁の小数点でアップロードすると、通常、約 2,000 バイトの出力が生成され、約 37% 削減されます。
  • 小数点を 0 に設定してパス集約的なイラストに使用すると、すべての小数座標が削除され、最大圧縮が実現されますが、視覚的な精度は低下します。

本番環境で使用する前に出力を検証してください。保証なし — 詳細は 利用規約.