# Image to SVG

> PNG・JPG・WebP のロゴ、イラスト、線画をブラウザだけで SVG にベクター化。印刷やカッティング用に。プリセットと色数調整、パレット編集をして保存。無料、送信なし。

- URL: https://bytescope.dev/ja/image-to-svg/
- Locale: ja · Also: [en](https://bytescope.dev/en/image-to-svg.md) · [zh-Hant](https://bytescope.dev/zh-Hant/image-to-svg.md)
- Runs: ファイルはブラウザから送信されません — 処理はすべてローカルで行われます。
- Requires: Any modern browser (Chrome, Edge, Firefox, Safari), desktop and mobile.
- Updated: 2026-09-08

## What it does

自動トレースは、ピクセルの集まりを塗りつぶしの図形に変える処理です。似た色のピクセルをまとめ、各まとまりの輪郭をたどり、それを曲線として書き出します。だから色面がはっきりした画像——ロゴ、平塗りのイラスト、線画、スキャンした印影——ではうまくいき、そうでない画像では苦しくなります。このページはオープンソースの VTracer エンジン（MIT または Apache-2.0）を WebAssembly としてタブの中で動かすので、画像はどこにも送られません。無料で使えるベクター化ツールです。ロゴ、イラスト、白黒線画、ドット絵の 4 つのプリセットから選ぶと、元画像の隣に SVG が表示され、スライダーをドラッグして見比べられます。

### 調整してから、色を直す

「詳細設定」では、色数（自動のままでも可）、どの大きさまでのノイズを消すか、角のしきい値、輪郭を曲線にするか直線の多角形にするかを決められます。小さい画像は設定を変えてから 300 ms 後に自動で再トレースします。100 万画素を超える画像は一回に数秒かかり、二つまとめて変えたいこともあるので、「再変換」を押すまで待ちます。処理中はいつでもキャンセルできます。結果が近づいたら、色の一覧でスウォッチをクリックして色を変えるか削除します。削除した色の図形は残りの中で最も近い色に合流します。ロゴの手直しはだいたいこの作業です。パレットの編集はこのページ限りで、再変換すると新しいトレース結果から始まり、編集は消えます。

### 得意なもの、苦手なもの

トレースが得意なのは色面のはっきりした画像です。写真はポスターのようになり、微妙な色の違いごとに図形が要るのでファイルも大きくなります。グラデーションは段々の色帯になり、文字は編集できるテキストではなくアウトラインになります。小さな文字はつぶれることがあります。速度も同じ線で決まり、色面のはっきりした約 200 万画素の画像でデスクトップで約 7 秒、写真やノイズの多いスキャンはその何倍もかかります。結果のパス数・ノード数・ファイルサイズを表示し、2 MB か 20,000 ノードを超えると色数を減らすよう提案します。有料のトレースサービスとあらゆる画像で同等だとは言いません。大事なロゴは、使う前に 4× 表示で元画像と見比べてください。

### 何もアップロードしない

画像はブラウザがデコードし、Web Worker の中でトレースし、保存される SVG はプレビューに使ったものと同じテキストから作られます。変換エンジン自体は約 0.3 MB で、一度取ればキャッシュされ、以降はネットワークが静かなまま処理が進みます。トレースしたロゴも同じロゴなので、商用利用の前に商標権を確認してください。背景が邪魔なら先に背景を削除できます。AI 画像拡大で先に大きくすることもできます。完成した SVG を好きなサイズの PNG に戻すには SVG から PNG への変換を使ってください。

## Limits

Does not turn photos into faithful vectors (they come out poster-like), does not keep text editable, and does not upload images.

## FAQ

### どんな画像がうまく変換できますか。

色面がはっきりした画像です。ロゴ、平塗りのイラスト、アイコン、線画、印影、ドット絵。輪郭が鋭く色数が少ないほど、仕上がりはきれいで、Cricut のようなカッティングマシンやレーザー加工にも向きます。写真や柔らかいグラデーションも変換はできますが、ポスターのようになり、ファイルも大きくなります。

### 写真がポスターみたいになるのはなぜですか。

SVG は塗りつぶしの図形でできていて、写真には少しずつ違う色が何千もあります。ファイルを扱える大きさに保つため、トレーサーは似た色を一つの平坦な色にまとめるので、なめらかな移り変わりが段々になります。色数を下げるとポスター感は強まりファイルは小さく、上げるとその逆で、パスは大幅に増えます。

### 画像はアップロードされますか。

されません。画像はブラウザが読み込み、このタブの Web Worker で動く WebAssembly モジュールがトレースし、SVG もそこで組み立てます。このツールが行う通信は変換エンジンのファイル（約 0.3 MB）の取得だけで、初回以降はキャッシュされます。

### 透明な背景は保たれますか。

保たれます。ほぼ透明なピクセルは SVG に含めないので、図形は置いた先の背景にそのまま載ります。ただし PNG の縁が半透明でぼかされている場合、その縁は塗りか空かのどちらかに判定され、半透明そのものは再現しません。

### ロゴの中の文字は編集できますか。

できません。トレースが見ているのは図形であって文字ではないので、テキストはアウトラインになります。大きな文字はたいていきれいにトレースできますが、小さい文字や細い文字はつぶれたり埋まったりします。編集できる文字が必要なら、デザインソフトで打ち直し、トレース結果は図柄の部分だけに使ってください。

### 小数桁数の設定と、ファイルサイズの警告は何ですか。

パスの座標は小数点以下最大 3 桁で保存します。2 桁が無難な初期値で、0 桁にするとファイルは小さくなり大きな図形では問題ありませんが、細かい部分が丸まることがあります。警告は SVG が 20,000 ノードか 2 MB を超えると出ます。たいていは色数を下げるか、ノイズ除去を強めれば解決します。

### 変換にはどのくらいかかりますか。

色面がはっきりした約 200 万画素の画像で、デスクトップなら約 7 秒。写真やノイズの多いスキャンはずっと長くかかります。100 万画素までの画像は設定を変えると自動で再実行し、それより大きい画像は「再変換」を押すまで待ちます。いつでもキャンセルできます。

### トレースしたロゴは商用利用できますか。

ロゴをベクターにしても、所有者は変わりません。登録商標や他人の作品なら、商用利用には引き続き許諾が必要です。

## Related tools

- [Remove Background](https://bytescope.dev/ja/remove-background.md) — 先に被写体を切り抜けば、背景をなぞらずに済みます。
- [AI Image Upscaler](https://bytescope.dev/ja/upscale-image.md) — AI で画像を 2 倍・4 倍に拡大。ブラウザの中で動きます。