クリックしてアップロード、または JPG のロゴ・スケッチ・写真をドロップ
JPG（PNG、WebP、GIF も可）— ブラウザ内でトレースされ、アップロードはされません。JPG を SVG に変換するとは
JPG はピクセルでできています。拡大すると、縁がぼやけてブロック状になります。SVG は図形でできています。線と曲線なので、名刺から横断幕まで、どんな大きさでも鮮明なままです。
このツールは JPG をトレースします。同じ色の領域を探し、領域ごとにベクター図形として描き直します。ロゴ、アイコン、スケッチ、スキャンした絵が、拡大縮小や色の変更、カッティングマシンでの切り出し、ウェブサイトへの掲載ができるきれいな SVG になります。
処理はすべてブラウザの中で行います。画像がアップロードされることはありません。
主な機能
- 本物のベクター図形 — 拡大縮小・編集・色変更ができるパスです。JPG を SVG ファイルに包んだだけのものではありません
- JPG のノイズ除去 — 輪郭を保つ軽いぼかしで、JPG 圧縮で残る細かいシミを消します
- 4 つのプリセット — ロゴ、線画、細かいイラスト、写真向けのポスター風
- 自分で調整 — 色の数、なめらかさ、細部をスライダーで
- 背景なし — ロゴの白や単色の背景を除けます
- 並べてプレビュー — 元の画像とトレースした SVG を並べて表示
- ダウンロードまたはコピー — .svg ファイル、またはウェブページ用の SVG コード
なぜ JPG は先にノイズ除去が必要なのか
JPG は、8×8 ピクセルの小さなブロックごとに細かい情報を捨ててファイルを小さくします。普通の大きさでは見えませんが、くっきりした縁のまわりに灰色の縁取りや小さな色のシミが残ります。トレースは非常に忠実なので、シミ 1 つが図形 1 つになります。単純なロゴでも、縁のぼやけた数千個の図形になることがあります。
「先に JPG のノイズを除く」 のチェックは、ページを開いた時点でオンです。色を数える前に、各ピクセルを似た色の隣のピクセルとだけなめらかにします。シミや縁取りは溶けて消え、色の違う部分の本当の境目はくっきり残ります。とてもきれいな JPG や、残したい細かい部分があるときはチェックを外してください。
私たちのテストでは、画質 60（ふつうのウェブ用 JPG）で保存した 900 × 600 のロゴ JPG は、ノイズ除去なしで 113 個の図形（47 KB）、ありで 74 個の図形（32 KB） になりました。同じロゴで、縁はよりきれいです。
4 つのプリセット
プリセットは、3 つのスライダーを良い出発点に合わせるだけです。そのあとで動かすこともできます。
| プリセット | 向いているもの | 色 | なめらかさ | 細部 |
|---|---|---|---|---|
| ロゴ・アイコン | べた塗りのロゴ、アイコン、ステッカー | 8 | 4 | 5 |
| 線画 | スケッチ、ペン画、サイン、スキャンした線画 | 2 | 5 | 6 |
| 細かいイラスト | 色数の多いイラスト | 16 | 3 | 7 |
| 写真 | 写真 — ポスター風 | 6 | 6 | 3 |
色を少なくすると、図形がすっきりしてファイルも小さくなります。細部を多くすると、小さな図形も残り、縁をより細かく追います。
写真のとき
ここは正直にお伝えします。トレースした写真は、元の写真とは違って見えます。 トレースすると、やわらかい色の変化が平らな面になります。ツールが写真だと判断すると、写真プリセットを選びます。色は少なく、図形は大きく、小さいサイズでトレースします。仕上がりはシルクスクリーン印刷やポスターのようで、デフォルメした似顔絵、ステッカー、ステンシル風のデザイン、カッティングシートに向いています。写真そのものが必要なら、JPG を残してください。
よくある質問
SVG は本物のベクターですか？
はい。ファイルの中身は JPG のピクセルではなく、パス（図形）です。Inkscape、Illustrator、Figma、カッティングマシン用ソフトで開いて、図形を 1 つずつ編集できます。
なぜ SVG の図形がこんなに多いのですか？
画像に細かい部分やノイズが多いためです。JPG のノイズ除去をオンのままにして、色を減らし、「細部」スライダーを下げるか、「写真」プリセットを試してください。
JPG のロゴを Cricut や Silhouette 用に SVG にできますか？
はい。「ロゴ・アイコン」または「線画」プリセットを使い、「背景を除く」にチェックを入れて SVG をダウンロードします。色が少ないほど、切るレイヤーも少なくなります。
SVG は JPG とまったく同じに見えますか？
べた塗りのロゴや線画なら、とてもよく似ています。写真は違います。少数の平らな色でポスター風になります。
画像はアップロードされますか？
いいえ。トレースはブラウザの中で行います。サーバーには何も送られません。
関連ツール
- PNG を SVG に変換 — 同じトレース機能で、PNG のロゴやアイコン向け
- 画像を SVG に変換 — どの画像形式もトレース
- SVG 色変更 — トレースした図形の色を変える
- SVG をトリミング — SVG のまわりの余白を切り取る
- SVG を PNG に変換 — SVG を好きな大きさの鮮明な PNG に戻す
使い方
- クリックしてアップロードをクリックするか、JPG をボックスにドラッグします
- 画像の種類を選びます：ロゴ・アイコン、線画、細かいイラスト、写真
- 先に JPG のノイズを除くはオンのままにします（とてもきれいな JPG のときだけ外します）
- ロゴが白や単色の背景にあるときは、背景を除くにチェックを入れます
- SVG に変換を押し、トレースした画像を拡大して輪郭を確かめます
- 必要ならスライダーを動かして、もう一度変換します
- SVG をダウンロード、または SVG コードをコピーをクリックします
