SVG最適化

このブラウザ内で処理

テキスト上限: 2000000 文字

ファイル上限: 32 MB

このツールは入力をアップロードしません。

エディタが残したコメントと空白を削る仕事です。パスの再トレースでも、Figma書き出し専用のSVGOでもありません。

アイコンのSVGにエディタのコメントが残っている、小数が何桁も続いている——コメントと空白の削減です。画素化はSVGをPNGに。写真のJPEGは画像圧縮。サイトアイコン一式はファビコン生成です。

<svg を含む文書から、HTMLコメントを除き、連続空白を詰め、小数を小数第2位付近に丸めます。SVGOの preset-default(未使用ID、Inkscape名前空間、パス統合、viewBox の扱い)は持ちません。日本語のSVGO解説が警告する「スプライト用IDが消える」「viewBoxを落とすと300×150になる」は、ここの工程ではありません。それでも丸めで見た目が変わったら、元を残してください。

ファイルの目安は約 32MB。送信しません。このタブです。

実装と、メール・就活サイトのアイコン

コンポーネントに貼る前に、書き出しコメントを落とす用途です。採用サイトのロゴ、スライドのアイコン、メール署名にベクターを残したいときも、まずコメントと空白を削れます。相手のメールがSVGを開けないならPNG化が先です。再トレースや、デザイナーの作業の代替ではありません。

パスの再描画、フォントのアウトライン保証、印刷の特色はありません。ビットマップが要るチャットはPNG化へ。

使い方と、再トレースにしないこと

  1. SVGのソースを貼ります。画像としてだけあるファイルは、先にテキストで開いてください。
  2. 最適化結果をプレビューし、欠けがないか見ます。
  3. 保存します。画素が要るならPNG化、写真なら画像圧縮へ。

本格SVGOの設定ファイル、スプライト専用のID保護、印刷用の特色分解はありません。

よくある質問

SVGOと同じですか?

違います。日本語の記事がいうSVGOは、未使用IDやエディタ名前空間、パス統合まで含むプラグイン群です。ここはコメント削除、空白の圧縮、小数の丸めです。

PNGにしたいです。

SVGをPNGにへ。こちらはベクターのまま軽くします。

見た目は必ず同じですか?

多くの場合近いです。コメントに依存した工程や、丸めで潰れる極細の差は目視してください。元ファイルを残してください。

就活サイトのロゴをメール署名に載せたいです。

ベクターのまま軽くするのはここです。メールやチャットがSVGを受けないなら、先にPNG化します。個人Gmailの添付合計は25MBです。

ファビコン一式は?

ファビコン生成へ。

JPEGや写真の圧縮ですか?

違います。写真は画像圧縮です。

関連ツール