PNGをSVGに変換
PNGを輪郭線に起こして、どんな大きさでも崩れないSVGに。
ここにファイルをドロップ
またはクリックして端末から選択対応形式: PNG, JPG, JPEG, WEBP, GIF, BMP
1回あたり3ファイルまで1ファイル20 MBまで1日5回までProで制限を解除✓ オフラインでも利用可能
ファイルは端末の外に出ません
このツールはブラウザ内だけで動作します。アップロードも保存も行わないため、処理を始める前にインターネット接続を切っても問題ありません。
使用例
例：透過PNGのカフェのロゴ（2000×1000）を、1色のSVGにする
架空のカフェのロゴを、看板やステッカーに使えるSVGにする場面です。元は2000×1000ピクセルの背景が透明なPNGで、黒いカップと3本の湯気だけ（文字なし）。設定は「1色（線画・ロゴ・署名向き）」、線の色「黒」、細かさ「細かい」、「角を曲線でなめらかにする」はオンです。
- 長い辺が1400ピクセルを超える画像は1400ピクセルに縮めてからトレースするので、SVGの基本の大きさは1400×700です。ベクターなので、拡大しても輪郭はぼやけません。
- 透明な部分は白として読まれ、トレースされません。SVGには黒（#000000）のカップと湯気だけが入り、まわりは透明のままです。
- カップの持ち手の穴は、白で塗った図形ではなく本当の穴として抜けるので、色の付いた背景に置いても下が透けます。
| 設定 | SVGの中身 |
|---|---|
| 1色・黒 | #000000の形がひとつ、まわりは透明 |
| 1色・赤 | 同じ形が#b91c1cで |
| 1色・明るい部分のほうをトレースする | 白（元は透明）の部分が形になり、カップは抜ける |
| 複数色・背景「残す」 | いちばん多い色（透過PNGでは白）の長方形が下に敷かれる |
| 複数色・背景「入れない（透過）」 | 色の付いた部分だけ |
| 細かさ「粗い」 | 点が減ってファイルが小さく、形は単純に |
「（元のファイル名）.svg」が保存されます。テキスト形式のファイルで、ブラウザやIllustrator・Inkscapeで開けます。元のPNGはそのままです。
使い方
- PNGファイルを追加します。
- ロゴ・線画・署名なら1色、色面のあるイラストなら複数色を選び、「細かさ」を調整します。
- SVGをダウンロードして、Illustrator・Inkscape・Figma、カッティングマシンのソフトで開くか、Webサイトに載せます。
よくある質問
- 本当にPNGがベクターになりますか？
- はい。PNGを画像のままSVGに包むのではなく、線と曲線のパスにトレースするので、拡大・色の変更・カットができます。透過PNGは透明のままです。1色なら描かれた部分だけがトレースされ、背景のないSVGになります。
- どんな画像が向いていますか？
- ロゴ、アイコン、線画、署名、フラットなイラストなど、輪郭のはっきりした画像です。人物や風景の写真もトレースはできますが、ポスターのような色面になり、写真そのままにはなりません。
- ファイルを小さくするには？
- 「細かさ」を粗くし、色数を減らします。点と形が少なくなるほどファイルは小さくなります。角を曲線でなめらかにすると点の数も減ります。
- Cricutやシルエットカメオで使えますか？
- 使えます。1色でトレースすると、カッティングマシンがたどれる閉じた形になります。絵の部分だけを切りたいときは背景を「入れない」にしてください。
- SVGの大きさ（ピクセル数）はどうなりますか？
- 長い辺が1400ピクセルより大きい画像は、1400ピクセルに縮めてトレースします。2000×1000のPNGなら、SVGに書かれる大きさは1400×700です。SVGは形の情報なので、そこから何倍に拡大してもぼやけません。
- 背景が白いPNG（透過なし）でも、透明なSVGになりますか？
- 1色なら、なります。暗い部分だけを形にするので、白い背景はSVGに入らず透明になります。複数色では、いちばん多い色を背景の長方形として敷くので、透明にしたいときは背景を「入れない（透過）」にしてください。
- 画像はアップロードされますか？
- いいえ。トレースはブラウザの中で行われ、ファイルは端末から出ません。