SVG オプティマイザー
ブラウザ上でSVGOを使ってSVGを最小化・クリーンアップ。エディタの余分なデータを削除し、ファイルを縮小して節約したバイト数を確認。無料、プライベート、即時処理。
SVGをここにドロップまたはクリックしてアップロード
.svgファイルを受け付けます。またはSVGコードを下に貼り付け
SVGを最適化する理由
SVGOを搭載
業界標準のSVGOエンジンとデフォルトプラグインを使用。主要なデザイン・ビルドツールで信頼されている同じオプティマイザーです。
削減量を確認
元のサイズと最適化後のバイト数が並んで表示され、各ファイルで節約した正確なパーセンテージが確認できます。
ピクセル単位で同一の出力
SVGOはエディタのメタデータやコメントなど安全な冗長データのみを削除するため、最適化後のSVGはまったく同じようにレンダリングされます。
マルチパスオプション
最小サイズのために複数の最適化パスを実行するか、スピード重視のときは単一パスに切り替えられます。
100%プライベート
最適化はブラウザ内で完全に行われます。SVGがアップロードされることはなく、未公開のロゴやブランドアセットに最適です。
無料・無制限
登録不要、クレジット不要、制限なし。必要なだけSVGファイルを最適化して、各結果をコピーまたはダウンロードできます。
SVGを最適化する方法
SVGを追加
.svgファイルをドラッグ＆ドロップするか、クリックして参照するか、SVGコードをボックスに貼り付けます。
マルチパスを選択
マルチパスをオンにするとSVGOが繰り返し実行されて最小ファイルを生成します。オフにすると1回の高速パスになります。
最適化する
「SVGを最適化」をクリックするとSVGOがメタデータ、コメント、非表示要素、冗長な属性を即座に削除します。
ダウンロードまたはコピー
元のサイズと最適化後のバイト数を比較して、縮小された.svgファイルをダウンロードするかクリップボードにコピーします。
適切なツールを選択
このページが存在する理由
Use the SVG optimizer to strip editor metadata, redundant attributes, and bloat from a vector file with SVGO, then download a smaller, cleaner SVG that renders identically.
最適な用途
- Shrinking SVGs exported from Figma, Illustrator, or Inkscape
- Reducing icon and logo file size for faster page loads
- Cleaning up markup before embedding an SVG inline
SVG オプティマイザー FAQ
SVGの最適化は外観に影響しないデータを削除します：エディタのメタデータ、コメント、非表示要素、デフォルト値、過度に精密な数値。結果は同じようにレンダリングされるもののファイルサイズが小さく、読み込みが速くなります。
いいえ。このツールはSVGOの安全なpreset-defaultプラグインセットを使用し、冗長なデータのみを削除します。最適化されたSVGはどのブラウザでも元と完全に同じように表示されます。
マルチパスはオプティマイザーを複数回連続して実行します。1回のパスが次のパスでさらに最適化できる箇所を露出させることがあるためです。デフォルトでオンになっており、通常最小ファイルを生成します。単一のやや高速なパスを希望する場合のみオフにしてください。
ソースによって異なります。Figma、Illustrator、Inkscapeからエクスポートされたファイルはエディタのメタデータを大量に含むため、30〜70%縮小されることがよくあります。すでにシンプルな手書きSVGは数パーセントしか削減されないかもしれません。
いいえ。SVGOオプティマイザーはブラウザ内で動作するため、ファイルがデバイスを離れることはありません。機密性の高いデザイン作業や未公開の作品にも安心して使用できます。
SVGOはウェブ開発の世界で広く使われている標準のオープンソースSVGオプティマイザーで、ビルドツールやデザインアプリにも採用されています。このページではSVGOの公式ブラウザビルドをお使いのマシン上で直接実行します。
SVG オプティマイザー
ブラウザ上でSVGOを使ってSVGを最小化・クリーンアップ。エディタの余分なデータを削除し、ファイルを縮小して節約したバイト数を確認。無料、プライベート、即時処理。