画像を SVG に変換

平坦な画像を、拡大に強いパスに変える。

無料 · 登録不要 · 端末内で計算

画像はこの端末に留まります

  • PNG/JPG/WebPを入力
  • SVGで出力
  • 2-32色をトレース
  • 0件の送信
仕様

画像を SVG に変換の仕様

入力
PNG・JPG・WebP
出力
SVG のパス
色数
2〜32色、自分で選択
細かさ
3段階、背景は任意
できないこと
写真は苦手です
料金
無料
登録の要否
不要
処理する場所
あなたの端末の中
使い方

画像を SVG に変換の使い方

  1. 1

    画像を追加する

    平坦な画像をドロップ

  2. 2

    色数と細かさを決める

    色数・細かさ・背景を選ぶ

  3. 3

    SVG を保存する

    SVG を保存

よくある質問

よくある質問

どんな画像がきれいな SVG になる？

ロゴ、アイコン、線画、色が平坦なスクリーンショットです。トレースは輪郭をたどるので、輪郭がはっきりしているほど元に近づきます。

写真が変になるのはなぜ？

写真にはたどれる平坦な領域がないので、重なり合ったパスが何百も作られます。ファイルは大きくなり、絵は悪くなります。

あとから SVG を編集できる？

できます。実際のパスを持つ XML なので、どのベクター編集ソフトでも色を変えたり、点を動かしたり、形を消したりできます。

GIF や HEIC も使える？

使えません。この画面が受け付けるのは PNG・JPG・WebP です。HEIC の写真は、このサイトの HEIC ツールで先に JPG にしてください。

解説

ベクターファイルの振る舞いが違う理由

トレースは見える形を読み取り、パスとして描き直します。ロゴ・アイコン・平坦な図はきれいに出ますが、写真は絡み合った何百ものパスになります。

  • ビットマップは画素を保存するので、拡大すると四角も大きくなります。SVG はパスを保存するので、求めた大きさで描き直されます。
  • 色数が少ないほどパスが減り、パスが減るほどファイルが小さく、手で編集しやすくなります。
  • 背景を残すとひとつの図形としてトレースされます。外すと、図が透明の上に載った状態になります。
  • トレースした画像の中の文字は、字ではなく輪郭になります。打ち直しも綴りの確認もできなくなります。

仕様をすべて見る

画像を SVG に変換ツールの仕様
入力PNG・JPG・WebP を一度に1枚。
出力トレースしたパスからなる SVG。ベクターソフトですぐ使えます。
色数2〜32色を自分で決めます。少ないほど形が単純になり、ファイルも小さくなります。
細かさ粗いから細かいまで3段階、そして背景をトレースするかどうかのスイッチ。
できないこと画像にない細部を取り戻すこと。写真はきれいな図ではなく、大量のパスになります。
料金無料
登録の要否不要
処理する場所このブラウザのタブの中。どこにも送られません。
次にできること

同じファイルのまま続ける

画像ツール一覧： SPOTTOOLSの画像ツール