SVG Optimizer

使い方

1. SVG ソースを左側に貼り付けます — インラインの断片、書き出したアイコン、テキストエディタで開いたファイルのどれでも構いません。
2. 通常の一回目はオプションをすべて有効のままにします。コメント、metadata、空白、空属性、重複属性、エディタ名前空間、数値の精度です。
3. 小数桁は作品に必要な精度に設定します。アイコンなら 2 桁で十分、大きなイラストなら 1 桁で足ります。
4. パネル上部のサイズ表示を読みます — 最適化前後のバイト数と削減率です。
5. 結果をコピーするか、.svg ファイルとしてダウンロードします。

各オプションは個別に無効化できます。アクセシビリティのために metadata を残したい場合や、座標を正確に保ちたい場合に使ってください。

よくある用途

• アイコンセットの圧縮 — 何百個もの書き出し済みアイコンから、コメントとエディタ属性を一度ずつ取り除けます。
• インライン SVG の準備 — HTML やコンポーネントに埋め込むマークアップに、XML 宣言・doctype・metadata は不要です。
• Inkscape / Illustrator の書き出しを整理 — inkscape、sodipodi、serif の名前空間は、それを使う属性ごと削除されます。
• 精度の比較 — 小数 1 桁と 4 桁を切り替えて、ファイルのどれだけが座標のノイズかを確認します。

よくある質問

Q: パスを書き換えたり単純化しますか？ A: いいえ。削除・統合・数値の丸めは行いますが、パスのリサンプルや図形の統合は行いません。パスのコマンドはすべて残り、その中の数値だけが丸められます。

Q: ほとんど小さくならないのはなぜ？ A: すでに圧縮済みのファイルには削る余地がほとんどありません。座標を正確に保つ必要があるなら精度の丸めを無効にしてください。また、base64 で埋め込まれたラスタ画像が本体になっていないかも確認してください。

Q: 出力は正しい SVG のままですか？ A: 要素構造、自己閉鎖タグ、属性の引用符は保たれます。style ブロックの内容には触れず、グラデーション・フィルタ・クリップパスの参照解決も行いません。壊れた入力はそのまま壊れた出力になります。