エディタが残したコメントと空白を削る仕事です。パスの再トレースでも、Figma書き出し専用のSVGOでもありません。
アイコンのSVGにエディタのコメントが残っている、小数が何桁も続いている——コメントと空白の削減です。画素化はSVGをPNGに。写真のJPEGは画像圧縮。サイトアイコン一式はファビコン生成です。
<svg を含む文書から、HTMLコメントを除き、連続空白を詰め、小数を小数第2位付近に丸めます。SVGOの preset-default(未使用ID、Inkscape名前空間、パス統合、viewBox の扱い)は持ちません。日本語のSVGO解説が警告する「スプライト用IDが消える」「viewBoxを落とすと300×150になる」は、ここの工程ではありません。それでも丸めで見た目が変わったら、元を残してください。
ファイルの目安は約 32MB。送信しません。このタブです。
実装と、メール・就活サイトのアイコン
コンポーネントに貼る前に、書き出しコメントを落とす用途です。採用サイトのロゴ、スライドのアイコン、メール署名にベクターを残したいときも、まずコメントと空白を削れます。相手のメールがSVGを開けないならPNG化が先です。再トレースや、デザイナーの作業の代替ではありません。
パスの再描画、フォントのアウトライン保証、印刷の特色はありません。ビットマップが要るチャットはPNG化へ。
使い方と、再トレースにしないこと
- SVGのソースを貼ります。画像としてだけあるファイルは、先にテキストで開いてください。
- 最適化結果をプレビューし、欠けがないか見ます。
- 保存します。画素が要るならPNG化、写真なら画像圧縮へ。
本格SVGOの設定ファイル、スプライト専用のID保護、印刷用の特色分解はありません。