エディタのゴミがない、きれいなSVG
描画ソフトから書き出したSVGには、見えないデータが大量に入っています。このツールは描画を損なわずにそれを削除し、削減量を測るために前後のサイズを表示します。
-
SVGを貼り付け
コメントやメタデータ付きのソースコード。
-
削減を確認
前のサイズ、後のサイズ、削減率。
-
コピー
きれいになったSVG、Web用に。
削除される要素
| 要素 | 処理 |
|---|---|
| コメント | 削除 |
| 削除 | |
| inkscape:/sodipodi: 属性 | 削除 |
| タグ間の空白 | 削減 |
| パス・図形・色 | 保持 |
すべてローカルで処理されます。見た目はそのまま、見えない余分だけが消えます。
よくある質問
このクリーナーは具体的に何を削除する?
コメント <!-- … -->、<?xml ?> 宣言、DOCTYPE、<metadata> タグ、エディタ固有の要素・属性(Inkscape・Sodipodi)、タグ間の不要な空白です。ベクター描画(パス・図形・色)はそのまま保持します。
画像の表示は変わる?
いいえ。削除されるのは非表示のデータ(コメント・メタデータ・エディタ情報)のみ。グラフィック要素とそのスタイル属性は変わらないため、画像はまったく同じに表示されます。
なぜエディタのSVGは重い?
IllustratorやInkscapeは、編集にしか使わないメタデータ・レイヤーID・表示設定・名前空間を追加します。小さなアイコンでは、これらが描画本体の重さを超えることもあります。
完全なミニファイ?
ファイルを壊さない、安全で読みやすいクリーンアップです。積極的な最適化のようにパスを書き換えたり座標を丸めたりはしませんが、余分の大半を取り除き、きれいで大幅に軽いSVGにします。