SVG Optimizer

SVGO(業界標準の最適化エンジン)を使い、SVGコードからコメント・メタデータ・余分な空白を除去して軽量化します。

入力データはブラウザ内で処理されます
データはサーバーへ送信されません

変換ツール

0 文字

または .svg ファイルをドラッグ&ドロップ

SVG Optimizerとは?

SVG Optimizerは、業界標準の最適化エンジンであるSVGOを使ってSVGコードを軽量化するツールです。 不要なコメント・メタデータ・エディタ固有データ・余分な空白の除去に加え、パスデータの数値圧縮や図形からパスへの変換といった高度な最適化にも対応しています。

SVGOによる処理もすべてブラウザ内で完結し、SVGコードが外部サーバーへ送信されることはありません。

利用シーン

  • Illustrator・Figma・Inkscapeなどから書き出したSVGを軽量化したい
  • Webサイトに埋め込むSVGアイコンのファイルサイズを削減したい
  • エディタ固有のメタデータを除去してSVGコードをクリーンにしたい

使い方

  1. SVGコードを貼り付ける、または.svgファイルをドラッグ&ドロップします。
  2. 除去したい項目(コメント・metadata/title/desc・エディタ固有データ・空白)をチェックボックスで選びます。
  3. 数値の丸め桁数を指定できます(小数点以下)。
  4. 「最適化する」をクリックすると、最適化前後のファイルサイズが表示されます。
  5. 「結果をコピー」で最適化後のSVGコードをコピーできます。

よくある質問

このツールは無料ですか?

はい、完全無料でご利用いただけます。

SVGコードはサーバーに送信されますか?

いいえ、SVGOによる最適化処理もすべてお使いのブラウザ内で行われます。SVGコードがサーバーへ送信されることはありません。

どのような最適化エンジンを使っていますか?

業界標準のSVG最適化ツールであるSVGOをブラウザ内で実行しています。コメント・メタデータの除去だけでなく、パスデータの数値圧縮や図形からパスへの変換、不要な属性の削除など高度な最適化に対応しています。

最適化によって見た目が変わることはありますか?

基本的にはありません。ただし数値の丸め桁数を小さくしすぎると、非常に細かい形状でわずかな誤差が生じる場合があります。viewBoxは表示崩れを防ぐため常に保持されます。