メインコンテンツへスキップ

PNG を SVG に変換

PNG 画像を拡大しても劣化しない SVG ベクターに、ブラウザ内で変換(トレース)します。

自分たちで計測した実際のファイルサイズ

設定: ディテール「バランス」(初期値)

テスト項目変換前変換後増減
フラットイラスト34.7 KB117.0 KB+238%
UI スクリーンショット18.0 KB27.3 KB+52%
透明背景のロゴ28.8 KB1.7 KB−94%
写真ふう1.88 MB7.74 MB+312%
この数字からわかること

トレースが得になるのは、元の絵がべた塗りの図形でできているときだけです。透明ロゴは 28.8 KB から 1.7 KB になり、しかも無段階に拡大できます。ほかは逆方向で、イラストは +238%、写真は 7.74 MB というパスの藪になり、元の PNG の 4 倍です。ロゴや線画にはトレースを、写真には絶対に使わないでください。

2026-07-28 に Chromium 151.0.7922.34 で、このページ自体に同じファイルを通して計測した結果です。どのページでも公開している同一のテストファイルを使っているため、コンバーター間で数値を比較できます。計測方法とテスト画像のダウンロード →

PNG → SVG 変換とは?

このツールは PNG(ラスター画像)を SVG にベクター化します——数式のパスで図形を描き直し、どんなサイズでも劣化しません。トレースはすべてブラウザ内で行われ、アップロードしません。SVG は数式のパスで図形を表すベクター形式で、どんなサイズに拡大しても劣化せず、ファイルも通常とても小さくなります。ロゴやアイコン、平面的なイラストに最適です。

使い方

  1. PNG 画像を選ぶかドロップします。
  2. 詳細度を選びます(高いほど元画像に近く、ファイルは大きく)。
  3. 「ダウンロード」を押して SVG を保存します。

得意なケースと不得意なケース

得意:ロゴ、アイコン、線画、色数の少ない平面イラスト——きれいにトレースでき、拡大しても美しいです。不得意:写真や複雑なグラデーション——大量の乱雑なパスになり、ファイルも大きく仕上がりも良くありません。その場合は PNG や WebP のままがおすすめです。

PNGからSVGへの変換が活きる場面は?

PNGのロゴやアイコン、シンプルなイラストをSVGベクターにトレースする最大の利点は、どこまで拡大してもぼやけないことです。同じ1ファイルで名刺印刷、車両ラッピング、店舗看板、大判出力、高解像度のWebまで対応でき、サイズごとにビットマップを保存し直す必要がなくなります。きれいなベクターはファイルも軽いのが普通です。

ただし向き不向きがあります。トレースがうまくいくのは色数が少なく境界のはっきりした平面グラフィックだけ。写真やグラデーション・細部の多い画像を入れると、何千本もの乱雑なパスになり、ファイルは大きく見た目も汚く、元のPNGより悪化します。そうした画像はビットマップのまま使いましょう。

1 行は 94% 減、別の行は 312% 増 —— 境界は非常に明確

私たちが計測した変換の中で最も明快な境界です。透過付きロゴは 28.8 KB → 1.7 KB(-94%)。幾何形状はもともとベクターで記述すべきもので、移すことで「形をピクセルとして描く」層をまるごと捨てられます。写真は 1.88 MB → 7.74 MB(+312%)。中間の 2 行が坂を示します。イラスト +238%、スクリーンショット +52%。判定法:画像の色数を数えてください。数種類の単色なら、トレースは大差で勝ちます。グラデーション・影・写真的な質感があれば、トレーサーは何千本のパスで近似するしかなく、ファイルは大きくなり縁も汚れます。トレース後が元より大きいなら、その画像はもともとベクターの材料ではありません。このページはそれをベクターにはしません。できないと教えるだけです。

よくある質問

なぜ写真が 7.74 MB の SVG になったのですか?

トレースは色の領域ごとにパスを作り、写真にはそれが何万個もあるからです。テスト写真は 1.88 MB から 7.74 MB へ 312% 増え、結果は写真ではなくポスターのように見えます。トレースは平面的な図のためのものです。透明ロゴは逆方向で、28.8 KB から 1.7 KB へ 94% 減り、どんなサイズでも輪郭が保たれます。迷ったら、画像の色数が十数色より少ないかどうかを見てください。

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

いいえ。トレースはすべてブラウザ内で JavaScript により行われ、画像がサーバーに送信されることはありません。

PNG → SVG は本当にベクターですか?

はい。画像をベクターパスに「トレース」します(ビットマップを SVG に包むだけではありません)。ロゴ・アイコン・色数の少ない平面画像に最適で、写真は膨大で乱雑なパスになるため非推奨です。

結果が元画像と完全に同じでないのはなぜ?

ベクタートレースは「近似」です。近い色のピクセル領域を図形として描き直すため、エッジや細部は簡略化されます。詳細度を上げると元画像に近づきますが、ファイルは大きくなります。

SVG にすれば拡大しても劣化しませんか?

はい。それがベクターの利点です。SVG は数式のパスで表されるため、どんなサイズでも鮮明で、ロゴや高解像度用途に最適です。

関連記事

PNG を SVG に変換する方法(と、変換しない方がよいとき) →

このツールを埋め込む

このツールをあなたのサイトやブログに無料で設置できます。下のコードをコピーして貼り付けるだけです(当サイトへのリンクを含みます)。