SVG最適化
SVGコードの軽量化、エディターのメタデータ除去、ファイルサイズ削減 — すべてブラウザで完結。
SVG最適化 オンライン — ブラウザで即時SVGファイル軽量化
Figma・Illustrator・InkscapeなどのデザインツールからエクスポートしたSVGファイルには、エディター固有のメタデータやコメント、余分な書式が含まれています。ZolkitのSVG最適化ツールはそれらをすべて取り除き、本番環境でそのまま使えるクリーンなSVGコードを生成します。
余分な情報を除去
デザインツールからエクスポートされたSVGに含まれるInkscape・Sodipodi・Adobeのメタデータ、名前空間、コメントを削除します。
即時最適化
純粋なJavaScriptで動作 — サーバーへの通信もWASMのコンパイル時間も不要。入力と同時に結果が表示されます。
細かい設定が可能
削除する要素（コメント・メタデータ・タイトル・説明）を個別に設定できます。座標の小数点精度も調整可能。
完全プライベート
SVGコードはブラウザの外に出ません。メモリ内で処理され、サーバーへの送信もログ記録もありません。
ずっと無料
アカウント不要、制限なし、有料壁なし。SVGを貼り付けてダウンロードするだけです。
リアルタイムプレビュー
最適化後のSVGの見た目を確認できます。重要な要素が削除されていないか検証できます。
SVGファイルを最適化する方法
- 1
SVGコードを入力ボックスに貼り付けるか、.svgファイルをページにドロップします。
- 2
オプションパネルで削除する要素を確認・調整します。
- 3
最適化されたコードをコピーするか、「ダウンロード」をクリックしてファイルを保存します。
よくある質問
SVG最適化ツールは実際に何を削除しますか？
主に削除されるもの：XML宣言、DOCTYPE宣言、エディターのメタデータ（Inkscape・Adobe・Sodipodiの名前空間と要素）、HTMLコメント、<metadata>ブロック、不要な空白。これらはブラウザでレンダリングされるSVGには不要な要素です。
最適化でSVGが壊れることはありますか？
最適化ツールが削除するのは、安全に取り除けるエディターのメタデータ・コメント・空白のみです。描画要素・パス・図形・スタイルルールは削除しません。ダウンロード前にプレビューパネルで結果を確認できます。
<title>と<desc>は削除すべきですか？
デフォルトでは保持されます。これらはSVGのアクセシビリティを向上させるためにスクリーンリーダーが使用するためです。SVGが純粋に装飾的でアクセシビリティが不要な場合にのみ削除してください。
小数点精度とは何ですか？
SVGの座標（パスのd属性など）には多くの小数点が含まれることがあります（例：123.45678901）。精度を2に下げると123.46になります。ほとんどのグラフィックでは見た目に変化なくファイルサイズを削減できます。アイコンSVGには精度1〜2が特に効果的です。
SVGOと同じくらい効果がありますか？
ZolkitのSVG最適化ツールは、最も効果の高い最適化（メタデータ削除・名前空間除去・空白最小化・精度調整）をカバーしています。形状の結合やパスの単純化など高度な変換にはSVGO CLIでさらなる削減が可能です。
複数のSVGファイルを一括最適化できますか？
現在は1ファイルずつの処理となります。一括SVG最適化は今後の実装予定です。