⚡すべてのツール 💻開発者ツール 📝テキストツール 🎨デザインツール 🖼️画像・メディア 🔢計算ツール 🔒セキュリティ 📄PDFツール 📐単位変換

SVG 最適化・圧縮ツール

SVGコードをローカルで最適化・クリーンアップし、ファイルサイズ比較とライブプレビューを表示します。

📥

SVGファイルをドラッグ＆ドロップするか、クリックして選択

.svgフォーマットのみ、最大 5MB

SVG Code Input

元のサイズ

0 B

最適化後のサイズ

0 B

圧縮率 0%

SVG 最適化オプション

XMLコメントを削除メタデータを削除 (Metadata) XML宣言・DOCTYPEを削除エディタ固有の属性と未使用の名前空間を削除不要な空白と改行を詰める

元のSVGプレビュー

No SVG loaded

最適化後プレビュー

No SVG loaded

使い方

1 SVG 最適化・圧縮ツールを開き、処理する内容を入力、貼り付け、または選択します。
2 目的に合わせてオプションと出力形式を調整します。
3 結果を確認し、必要に応じてコピーまたはダウンロードします。

主な利用シーン

SVGコードをローカルで最適化・クリーンアップし、ファイルサイズ比較とライブプレビューを表示します。日常業務、開発、学習、簡易確認に利用できます。

プライバシーとデータ処理

このツールはブラウザで動作します。機密データを扱う前に、端末とブラウザの安全性を確認してください。

SVG 最適化：編集ソフトの残骸を取り除いてアイコンを軽く

Illustrator、Inkscape、Figma、Sketch から書き出した SVG には、ブラウザが使わないものが多く含まれています。XML 宣言、DOCTYPE、編集ソフトのコメント、metadata ブロック、そして sodipodi や inkscape のように元のソフトしか理解できない名前空間付き属性などです。アイコン 1 つなら数 KB でも、サイト内に何十個もあったり、SVG を HTML に直接埋め込んだりすると、余分なデータが読み込みを遅くし、コードも読みにくくなります。

このツールには個別にオン・オフできる 5 つの整理項目があります。コメントの削除、XML 宣言と DOCTYPE の削除、metadata や sodipodi・inkscape などエディタ専用要素の削除、エディタ固有の属性と未使用の名前空間宣言の削除、タグ間の空白と連続スペースの圧縮です。処理後は元の画像と最適化後のプレビューを並べて表示し、ファイルサイズと削減率も確認できるので、問題がないか見てからコードをコピーするか新しい .svg ファイルをダウンロードしてください。

このツールは控えめなテキスト整理を行うもので、パスデータの書き換え、座標の丸め、図形の結合はしないため、見た目はほとんど変わりません。その分、パスを書き換える SVGO のようなツールより削減量は小さくなるのが普通です。名前空間宣言は使われていない場合にだけ削除します。たとえばファイルに xlink:href が残っていれば xmlns:xlink は保持されるので、単体の .svg ファイルも正しく表示されます。空白の圧縮では <text>（中の <tspan> を含む）、<style>、<script> の内容には手を付けず、xml:space="preserve" も残すため、文字の間隔や CSS は変わりません。正規表現で処理しているので、特殊な書き方のファイルではプレビューを見比べてから使ってください。

処理はすべてブラウザ内で行われ、ファイルはアップロードされません。一部の SNS や Office 文書などベクター画像を受け付けない場所で使うなら、当サイトの画像形式変換ツールで PNG に変換できます。