ここに画像をドロップ

またはクリックしてファイルを選択 · または Ctrl+V で貼り付け

対応形式:PNG、JPG、WebP、GIF、BMP

最大 10MB

画像 SVG 変換

無料オンライン画像 SVG 変換ツール。PNG・JPG・WebP・GIF・BMP などのラスター画像を編集可能な本物の SVG パスにベクター化。ブラウザ内で完結しプライバシーも安心。

画像 SVG 変換ツールの特長

あらゆるラスター形式を1つのベクター化ツールで

PNG、JPG、WebP、GIF、BMPのどれを入れても、出てくるのは1つのクリーンなSVG。形式ごとに別ツールを使う必要はありません——同じトレースエンジンがすべてを処理し、アニメーションGIFなら最初のフレームを取り出します。

真のラスター→ベクター変換

出力に含まれるのは、ピクセルからトレースされた本物の<path>要素です——SVGの皮を被ったビットマップではありません。つまり本当の編集可能性と無限の拡大性という、偽物の変換ツールには決して提供できない2つが手に入ります。

内容に応じたプリセット自動選択

各画像を解析し、「線画」(スケッチ、スキャン)、「イラスト・ロゴ」(フラットカラーのグラフィック)、「写真アート」(ポスター調の写真効果)を自動選択——もちろん自由に切り替えて微調整できます。

トレースをフルコントロール

色の精度、スペックル除去、コーナーしきい値、レイヤー差分の詳細スライダーが画像をライブで再トレースするので、ディテールとファイルサイズをインタラクティブに調整できます。

画像をSVGに変換する方法

1

ラスター画像をアップロード

PNG、JPG、WebP、GIF、BMPのファイルをドロップ。大きすぎる画像はトレース前に自動で縮小され、高速かつ安定した結果が得られます。

2

自動判別に任せてから微調整

ツールが画像の種類に合ったプリセットを選択します。プリセットを切り替えたり詳細設定を開いたりしてトレースを微調整でき、プレビューは即座に更新されます。

3

ベクターを書き出す

SVGファイルをダウンロードするか、コードを直接コピー。書き出す前に、プレビューの下に表示されるパス数とファイルサイズを確認しましょう。

実際の処理例

画像 SVG 変換 · 処理例 1

このツール、またはツールと共通の処理コードで作成した結果です。入力、設定、出力を比較し、ファイルをダウンロードして確認できます。

画像 SVG 変換をうまく使うコツ

内容に合ったプリセットを選ぶ

自動判別はあくまで出発点であって、最終判断ではありません。紙の上で撮影されたロゴは写真として判別されることがあります——「イラスト・ロゴ」に切り替えると、はるかにクリーンなトレースになることが多いです。

斑点は早めに除去

圧縮ノイズやスキャナーのゴミは、細かい余計なパスに変わります。プレビューがクリーンに見えるまでスペックル除去を上げてください。

パス数とKBを見張る

メタバーにはトレース時間、出力サイズ、パス数が表示されます。パスが数千に及ぶとSVGは重くなります——色の精度を下げてスリム化しましょう。

シャープな元画像を与える

トレースはぼやけを増幅します。クリーンでそこそこ高解像度のソースは、引き伸ばしたサムネイルに必ず勝ります。

目的を持ってベクター化する

SVGが得意なのはグラフィックであって、写真の忠実な再現ではありません。写真を写真のまま見せたいなら、ラスターのまま圧縮しましょう。

実際の処理例

画像 SVG 変換 · その他の処理例

このツール、またはツールと共通の処理コードで作成した結果です。入力、設定、出力を比較し、ファイルをダウンロードして確認できます。

画像 SVG 変換 - よくある質問

本物のベクター化です。オンライン変換ツールにありがちな手抜きは、ビットマップをSVGタグ内にbase64で埋め込むこと——拡張子は変わってもピクセルはそのままです。このツールは画像を本物のベクターパスにトレースします。SVGコードをコピーすれば、<path>データをご自身の目で確認できます。
PNG、JPG/JPEG、WebP、GIF、BMPに対応しています。アニメーションGIFは最初のフレームが使われます。PNGやWebPの透明ピクセルは背景として扱われ、トレースから除外されます。
できます。出力は本物のパスで構成された標準SVGです——Illustrator、Figma、Inkscape、あるいはコードエディタで開けば、すべての図形を個別に編集できます。
連続階調の写真はベクター化すると何千もの色レイヤーに分解されるため、SVGが元ファイルより大きくなることがあります。ベクター化が最適なのはロゴ、アイコン、線画です。写真の場合はポスター調のアート効果になるため、忠実な再現には圧縮したラスター形式のほうが実用的な選択であることがほとんどです。
「線画」は純粋な白黒でトレースします——スケッチ、サイン、スキャンに最適。「イラスト・ロゴ」はフラットカラーのグラフィック向けに適度な色数を保ちます。「写真アート」はより多くの色レイヤーを使い、写真をポスター調のアートワークとして描き出します。
選択したファイルの内容はブラウザーで処理し、アプリのアップロード先へ送信しません。ただし、サイト、フォント、処理ライブラリーの読み込みには通信が必要な場合があります。