PNG → SVG 変換。
PNG や JPG を入れると、本物のベクター図形になって返ってきます。
PNG や JPG をドロップすると、本物のベクター図形が返ってきます。SVG タグで包んだビットマップではなく、角の立ったトレース済みの曲線です。看板サイズに拡大しても鮮明なまま。Illustrator、Inkscape、Figma、カッティングマシンで開けば、すべての点を動かせます。変換はこのタブの中で実行されるので、画像がパソコンの外に出ることはありません。
1 · 画像
またはクリックして選択 · PNG、JPEG、WebP、HEIC
ブラウザーが読み取り、お使いの端末で変換します。どこにも送信されません。
2 · 画像の種類
バランス — 計測どおりのプリセットです。
3 · SVG
ここにベクターが表示されます。
ダウンロードするには無料アカウントを作成
無料アカウント、カード不要。受け取るものはすでにご覧いただいたとおりです。
PNG を SVG に変換する方法
-
1
画像をドロップ
PNG・JPEG・WebP・HEIC のファイルを、スマホからでもパソコンからでも。画像はブラウザが読み取り、アップロードされることはありません — トレースはお使いの端末の中で行われます。
-
2
画像の種類を選ぶ
線画、ロゴ、アートワーク、ポスター、写真。ツールが画像そのものから種類を推測しますが、自分で変更することもできます。種類ごとに、パレットの色数とスムージングの強さが異なります。
-
3
ディテールを調整
スライダーひとつで、シンプルから緻密まで。シンプルにするほど色と図形が減り、軽くて大胆なファイルになります。緻密にするほど元画像の要素が多く残ります。
-
4
ログインしてファイルを受け取る
プレビューは無料で何度でもでき、仕上がりの見た目をそのまま確認できます — 同じパレット、同じ図形、同じ処理です。SVG ファイルそのものは無料アカウントでお渡しします。画像をフル解像度でトレースし直すため、完成したファイルにはプレビューより細かいディテールが入ります。ファイルはあなたのデザインと一緒に保存されるので、どの端末からでも再ダウンロードできます。
重ねたレイヤーではなく、境界線をトレース
多くのカラートレースツールは、色ごとに別々にトレースして結果を重ねます。図形の間に髪の毛のような細いすき間が生まれるのはそのためです。
隣り合う二つの図形には、その間の境界として同じ曲線が与えられるので、なめらかに整えても離れてしまうことがありません。継ぎ目もすき間も、二重に描かれた輪郭もありません — どれだけ拡大しても、いつまでも。
鋭い曲がり角はスムージングの前に見つけ出され、丸められることはありません。ロゴの直角は、いつの間にか角丸になったりせず、直角のまま出てきます。角が丸まってしまうことこそ、後から取り返しのつかない唯一のミスです。
トレース処理は、ブラウザのタブの中で動く数百行の計算コードです。画像はサーバーに送られることも、順番待ちに入ることも、保管されることもありません。アップロードの待ち時間もないので、大きな画像でも、お使いの端末が処理できる速さそのままで変換できます。
ベクター化に向いている画像
ロゴ、イラスト、旗、アイコン、マンガ、スキャンした線画。これらはもともと図形でできているので、トレースは推測ではなく置き換えになります。エアブラシのようなグラデーションは帯状の段階にならざるをえず、その帯ははっきり見えてしまいます。
JPEG は、くっきりした輪郭のまわりにリンギング（にじみ）を、平らな部分にはブロックノイズを散らします。トレースツールにとってそのノイズは本物の模様なので、何千もの小さな図形になってしまいます。PNG があるなら PNG を使いましょう — JPEG しかない場合は、ディテールのスライダーをシンプル寄りにしてください。
長辺1000〜1600ピクセルほどがちょうどよい大きさです。それを超えると、トレースツールは作品ではなく圧縮ノイズを拾いはじめます。ファイルは大きくなり、図形の数は増え、それでいて絵はちっとも良くなりません。
関連：QRコードアートジェネレーター · 動くベクターの線をゼロから描く · 作品の撮り方 · ARアートプリント
印刷・カッティング・Web のためのベクターファイル
Cricut、Silhouette、ビニールカッター、レーザーカッターは、どれも閉じたベクターパスを必要とします。「線画」と「ロゴ」のプリセットが出力するのはまさにそれです — きれいで、塗りがあり、マシンが翌日まで切り続けずに済む数に抑えられています。
小さな PNG しかないロゴは、誰かに横断幕で使いたいと言われた瞬間に困りものになります。ベクターにトレースすれば、同じマークを名刺にもビルの壁面にも使えます。
SVG のアイコンはどんな画面でもくっきり表示され、CSS で色を指定でき、置き換え前の PNG より軽いこともよくあります。ここで出力されるのはシンプルなパスと単色の塗りだけなので、スタイルの変更も一行で済みます。
次は、作品そのものに命を吹き込む
ベクターファイルは自由に拡大できます。Interart のエディタはさらにその先へ。スマホのカメラで作品そのものを認識し、カメラが動いても貼りついたまま動画・3D・音を再生します。マークを変換して印刷し、そこから何かが広がっていくようにしましょう。
疑問に、お答えします。
プレビューは無制限でアカウントも不要なので、何かを決める前に結果を確認できます。ファイルそのものは無料アカウントでお渡しします。月10件まで、フル解像度でトレースし直すのでプレビューより細かいディテールが入り、あなたのデザインと一緒に保存され、商用利用も可能です。Pro なら上限はありません。
いいえ。トレースはブラウザの中、お使いの端末上で実行され、画像がサーバーに送られることはありません。完成したファイルを保存すると選んだ場合を除き、何もタブの外には出ません。その場合も保存されるのは SVG だけで、元の画像は保存されません。
できます。ただし、そっくりな複製ではなく、様式化された仕上がりになります。写真には本来のベクター形式というものがなく、やわらかなグラデーションはすべて、輪郭を持つ平らな図形にならざるをえません。「写真」のプリセットはその中で最善を尽くしますが、ベクタートレースが本当に向いているのは、ロゴやイラスト、線画のような平面的な作品です。
画像に含まれる図形が、ベクターファイルが軽く収められる量を超えているためです。たいていは写真か、圧縮ノイズが本物のディテールとしてトレースされている JPEG です。ディテールのスライダーをシンプル寄りにするか、より平面的なプリセットを選んでください。結果の横にファイルサイズが表示されるので、調整しながらトレードオフを確かめられます。
はい。PNG の透明な部分は SVG でも透明のままです — 単に、図形に覆われていない領域になります。ベクターファイルにおける透明とは、そういうことです。透明背景のロゴは、透明背景のまま戻ってきます。
いいえ。多くのカラートレースツールは色ごとに別々にトレースして結果を重ねるため、隣り合う図形どうしで境界の位置が食い違い、拡大縮小するたびにずれて見える細い継ぎ目が出てしまいます。このツールは境界線を一度だけトレースし、その両側の図形に同じ曲線を与えるので、食い違いようがありません。
はい。出力されるのは単色の塗りを持つ普通の SVG パスで、埋め込みビットマップもフィルターもクリッピングの小細工もありません。Illustrator、Affinity、Inkscape、Figma、そしてあらゆるカッティングマシン用ソフトで開いて、点を自由に動かせます。
はい — そのための「線画」と「ロゴ」のプリセットです。角のきれいな、閉じた塗りのパスを出力します。カッティング用ソフトが必要とするのはまさにそれです。図形の数は少なめに。カッターは渡されたパスを一本残らずなぞります。
はい。権利をお持ちの作品から変換したファイルは、自由に使い、印刷し、販売できます。他人の画像を変換しても、その画像の権利が得られるわけではありません。
テンプレートを開いて、自分のものに。
Interart の AR テンプレートは完成済みの実働デザイン。ブラウザのエディタで開いて、自分のアートに差し替えれば、あなたの作品になります。各テンプレートには操作を教えるガイドツアー付き。
アカウント不要 — サインアップすると作業はそのまま引き継がれます。
一枚の絵を、どんなサイズにも。
無料プラン、商用利用込み。