ここにJPGをドロップ

またはクリックしてファイルを選択 · または Ctrl+V で貼り付け

対応形式:JPG、PNG、WebP、GIF、BMP

最大 10MB

JPG SVG 変換

無料オンライン JPG SVG 変換ツール。本物のベクター化で JPG の写真やグラフィックを編集可能なベクターパスにトレース。高速かつプライベート、ブラウザ内で完結。

JPG SVG 変換ツールの特長

正真正銘のベクタートレース

これは拡張子の付け替えではありません。JPGのピクセルは本物のSVG<path>図形にトレースされ、無限に拡大でき、どのベクターエディタでも編集可能なジオメトリとして開けます——JPGをbase64画像として埋め込むだけの変換ツールとは違います。

JPGの実態に合わせた設計

JPGはたいてい圧縮ノイズを含む写真やスキャン画像です。スペックル除去がトレース中にJPEGアーティファクトを滑らかにし、「写真アート」プリセットは連続階調の写真を大胆なレイヤー構成のポスターアートに変えます。

プリセット自動判別

JPGを解析して開始点を選びます。スキャンした図案やサインには「線画」、JPGで保存されたフラットグラフィックには「イラスト・ロゴ」、写真には「写真アート」。

ライブの詳細コントロール

色の精度、スペックル除去、コーナーしきい値、レイヤー差分を即時再トレースで調整でき、ディテールとファイルサイズのバランスをリアルタイムで取れます。

JPGをSVGに変換する方法

1

JPGをアップロード

JPGまたはJPEGファイルをドラッグ&ドロップまたはクリックでアップロード。スキャン・グラフィック・写真のどれに見えるかをツールが自動判別します。

2

適切なプリセットを選択

スキャンしたスケッチには「線画」、フラットカラーのグラフィックには「イラスト・ロゴ」、写真には「写真アート」。詳細スライダーで微調整——スペックル除去を上げるとJPEG圧縮ノイズのクリーンアップに役立ちます。

3

SVGをダウンロードまたはコピー

SVGファイルを保存するか、コードをクリップボードにコピー。エディタ、Webサイト、カッティングマシンですぐ使えます。

実際の処理例

JPG SVG 変換 · 処理例 1

このツール、またはツールと共通の処理コードで作成した結果です。入力、設定、出力を比較し、ファイルをダウンロードして確認できます。

JPG SVG 変換をうまく使うコツ

JPEGノイズを除去する

JPG圧縮が残すブロック状のアーティファクトは、トレースすると細かい斑点になります。プレビューからノイズが消えるまでスペックル除去を上げてください。

色数を減らしてポスター風に

色の精度を下げると、似た色調が大胆なフラットレイヤーに統合されます——シルクスクリーン印刷のポスターのような定番の美学です。

被写体がはっきりした写真を選ぶ

被写体と背景の分離が明確なポートレートや物体は、美しくポスター化されます。ごちゃついた低コントラストの場面は濁った仕上がりになります。

トレース前にコントラストを上げる

スキャンが薄い場合は、先にコントラストを上げましょう——階調がはっきり分かれているほうが、トレーサーはエッジをはるかに確実に検出できます。

出力サイズに注意

パス数とKBサイズはプレビューの下に表示されます。SVGが肥大化したら、色の精度を下げるかレイヤー差分を上げてください。

忠実さ重視の写真はラスターのまま

ベクター化はスタイライズであって、無劣化の変換ではありません。拡大性より正確さが重要なら、代わりにJPGを圧縮してください。

実際の処理例

JPG SVG 変換 · その他の処理例

このツール、またはツールと共通の処理コードで作成した結果です。入力、設定、出力を比較し、ファイルをダウンロードして確認できます。

JPG SVG 変換 - よくある質問

本物のベクター化です。多くのオンラインツールはJPGをリネームするか、SVGコンテナに包むだけ——中身はピクセルのままです。ここでは画像が実際のベクターパスにトレースされます。コピーしたSVGコードを開けば、base64の塊ではなく<path>要素が確認できます。
いいえ——それを約束できる誠実なトレーサーは存在しません。写真の連続階調は、ベクターでは積み重なったフラットカラーのレイヤーとして表現されるため、結果はポスター調のアート表現になります。まさにその効果を求める人も多いのですが、ピクセル単位で忠実な写真が必要ならJPGのままにしてください。
ディテールの多い写真は何千ものパスにトレースされ、SVGがJPGそのものより大きくなることもあります。色の精度を下げるかレイヤー差分を上げてレイヤー数を減らすか、写真はそもそもベクターの得意分野ではないと割り切りましょう。
できます。出力内のすべての図形は本物のパスで、Illustrator、Figma、Inkscapeをはじめ、SVG対応のエディタなら自由に選択・編集できます。
詳細設定でスペックル除去の値を上げてください。JPEG圧縮が生む細かい斑点が除去され、トレース結果の図形が格段にクリーンになります。
されません。変換はすべてWebAssemblyによりブラウザ内でローカルに実行されます。送信も保存も記録も一切ありません。