SVG オプティマイザー
SVG ファイルをブラウザだけで圧縮。コメント・無駄な空白・デフォルト属性を削除し、長い小数を丸めます。ファイルは端末から出ません。
🔒 Files never leave your browser — no upload, no server, no tracking.
上に入力すると結果が表示されます。
用途
このツールは手作りの正規表現パスを少しだけ SVG にかけ、バイトサイズを縮めます。XML コメントを削除し、タグ間の連続空白を圧縮し、デフォルト値と同じ属性を取り除き、長い小数座標を 2 桁に丸めます。各パスはチェックボックスで個別に無効化できます。すべてブラウザ内で完結 — アップロードもサーバー処理もありません。
使うべきタイミング
- Figma・Illustrator・Sketch から書き出した SVG アイコンをリポジトリにコミットする前のクリーンアップ。
- HTML や CSS にインラインで埋め込む前の <svg> ペイロードのスリム化(インラインだと毎ページ全バイトが配信されます)。
- デザインツールがエクスポートに残しがちな XML コメント("Generator: Adobe Illustrator…")の除去。
- SVG を data: URL にエンコードする前の軽い前処理。
よくある注意点
- 本家 SVGO ほど積極的ではありません。 本物の SVGO はパス最適化・viewBox 整理など数十のパスを行います。本ツールは依存ゼロ・100 % ブラウザ内に留めるため、意図的に安全で自明なパスだけを実装しています。
- デフォルト属性の削除は保守的です。 よく知られたデフォルト(
stroke="none"、fill-rule="nonzero"など)の短いリストだけが対象です。これらを CSS スタイリング等で明示的に必要としている場合はチェックを外してください。 - 座標の丸めは情報を失います。 小数 2 桁はアイコンやロゴでは安全ですが、高精度のダイアグラムやチャートでは無効にすることを検討してください。
- 空白の圧縮は
<text>を壊し得ます。 複数スペースに依存する<text>要素は壊れます。テキストのないアイコン SVG では問題になりません。