PNG → SVG 変換とは?
このツールは PNG(ラスター画像)を SVG にベクター化します——数式のパスで図形を描き直し、どんなサイズでも劣化しません。トレースはすべてブラウザ内で行われ、アップロードしません。SVG は数式のパスで図形を表すベクター形式で、どんなサイズに拡大しても劣化せず、ファイルも通常とても小さくなります。ロゴやアイコン、平面的なイラストに最適です。
使い方
- PNG 画像を選ぶかドロップします。
- 詳細度を選びます(高いほど元画像に近く、ファイルは大きく)。
- 「ダウンロード」を押して 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%。判定法:画像の色数を数えてください。数種類の単色なら、トレースは大差で勝ちます。グラデーション・影・写真的な質感があれば、トレーサーは何千本のパスで近似するしかなく、ファイルは大きくなり縁も汚れます。トレース後が元より大きいなら、その画像はもともとベクターの材料ではありません。このページはそれをベクターにはしません。できないと教えるだけです。