PNG を SVG に変換

PNG を、拡大も編集もできる SVG のパスに。

無料 · 登録不要 · 端末内で処理

ファイルは端末から出ません

  • PNG/JPGを入力
  • SVGで出力
  • 画像トレース
  • 調整可設定可能
実際の使い勝手

安心して使えるポイント

  • 0件のアップロード
    • トレースはブラウザの中で
    • 画像は外に出ません
  • 100%ブラウザで完結
    • サーバー処理はありません
    • 順番待ちなしで結果が出ます
  • 3つ以上の設定
    • 色数・精細度・背景を調整
    • ベクター化を追い込めます
仕様

PNG を SVG に変換ツールの仕様一覧

入力形式
PNG・JPG・WebP のみ
出力形式
パスからなる SVG
色数
2〜32色、初期値16
細かさと背景
細かさ、背景を外す設定
一度に扱える枚数
一度に1枚
処理する場所
このブラウザのタブの中
精細度の 3 段階
粗い・標準・細かい
ファイルの追加
ドロップ・選択・貼り付け
料金
無料
登録の要否
不要
使い方

PNG を SVG に変換ツールの使い方

  1. 1

    PNG を追加する

    輪郭のはっきりした PNG・JPG・WebP を入れます。ロゴや平坦なイラストが得意で、写真は苦手です。

  2. 2

    トレースを調整する

    2〜32色、粗い・普通・細かいの細かさ、そして背景を SVG に残すかどうかを選びます。

  3. 3

    SVG を保存する

    結果に納得できたら、ダウンロードを押してベクターの SVG を端末に保存します。

よくある質問

よくある質問

どんな画像が向いている？

ロゴやアイコンのように、線がはっきりしていて色数の少ない画像がいちばんきれいに出ます。複雑な写真はうまく変換できません。

SVG が元の PNG と違って見えるのはなぜ？

ビットマップの中の形をなぞってベクターのパスを作るためです。そのままの複製ではなく解釈なので、細部が単純になることがあります。

できた SVG を編集できる？

できます。SVG は XML なので、対応するベクター編集ソフトで色・形・線を変えられます。

一度に何枚まで追加できますか？

上限はありません。合計 500 MB を超えると開始前に警告が出ます。同名ファイルは ZIP 内で自動的に連番が付きます。動作しない古いブラウザーには、その旨をはっきり表示します。

背景はどうやって判定していますか？

画像の四隅の色を参照し、それに最も近いレイヤーを 1 枚だけ削除します。SVG が元画像より大きくなった場合は、元ファイルを保存できるボタンも表示します。

解説

ビットマップとベクター

ロゴ、平坦なイラスト、輪郭のはっきりしたスクリーンショットに向いています。写真は苦手で、色と質感から複雑なパスが大量にできてしまいます。

  • PNG や JPG のようなビットマップ画像は画素でできています。拡大するとぼやけます。細かい写真に向いた形式です。
  • SVG のようなベクター画像は数式のパスを使います。どんな大きさにしても品質が落ちないので、ロゴやアイコンに向いています。

仕様をすべて見る

PNG を SVG に変換ツールの仕様
入力形式PNG・JPG・WebP のみ。HEIC と GIF はここでは読めません。
出力形式トレースしたパスからなる SVG が1つ。
色数2〜32色。この画面は16色で開きます。
細かさと背景細かさのレベルと、四隅の色を背景とみなして外すスイッチ。
一度に扱える枚数一度に1枚です。
処理する場所このブラウザのタブの中。画像は端末から出ません。
精細度の 3 段階輪郭がピクセルをどこまで忠実になぞるかを 3 段階で選択。細かいほど小さな形も残ります。
ファイルの追加ドラッグ＆ドロップ、選択、Ctrl／⌘+V の貼り付けに対応。そのまま別ツールへ引き継ぎ可。
料金無料
登録の要否不要
次にできること

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

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