画像 / ベクタートレース

JPGからSVGへ — ローカルブラウザツール

JPGまたはJPEG画像をトレースしたSVGパスに変換し、色、ディテール、ぼかしを調整して、結果を比較・ダウンロードできます。

JPGからSVGへ — ローカルブラウザツール: JPEGの添付ファイル、スキャンした図、看板の写真などから画像が届いたときに、このページをお使いください。ファイル選択ではJPGとJPEGを受け付け、結果を扱いやすくするため、最初は少ない色数でトレースします。JPEGは写真向けに設計されており、非可逆圧縮を使用します。トレースの際に、エッジのリンギング、ブロック状のノイズ、滑らかな色の変化が余分な図形になることがあります。元のフラットな画像をPNGまたはSVGで入手できる場合は、JPEGのコピーをトレースするよりきれいな結果になる可能性があります。スキャンした図なら、まず白黒で試してください。ペイントされたデザインなら、ディテールを増やす前に少ない色数と多い色数を比較してください。ぼかしを使うと小さな圧縮ノイズを減らせますが、鋭い特徴まで丸くなることがあります。ディテールスライダーは、トレースがエッジにどれだけ忠実に沿うか、また小さな点状ノイズをどの程度積極的にまとめるかを調整します。写真のポートレートは、完全に拡大縮小できる小さな写真になるのではなく、スタイル化された見た目になり、大きなSVGが作成される可能性があります。画像内の文字はおおまかな輪郭に変換され、元のフォントや編集可能な単語を復元することはできません。左右比較プレビューには、ラスター画像とベクターによる近似結果が表示されます。プレビューでは最長辺が600ピクセルになるよう縮小した画像を使用しますが、ダウンロード時は元のソースをトレースします。ファイルは50 MB未満で、どちらの辺も8192ピクセル以下、合計で40 millionピクセル以下である必要があります。パスを編集するにはSVGを、トレース結果をラスター画像として保存するにはPNGをダウンロードしてください。書き出し倍率で変わるのはPNGの寸法だけです。ファイルがアップロードされることはなく、元のJPEGにも変更を加えません。 サーバーへのファイルアップロードは一切なく、100%ブラウザ内でローカル実行します。

カテゴリ
画像ツール
実行回数
ブラウザ内で
コスト
無料 · 登録不要
提供状況
すぐに使えます
トレースするJPGを選択

クリック、ドラッグ＆ドロップ、または貼り付け · このデバイス上にとどまります

JPGアートワークを編集可能なパスにトレースします。写真やJPEGの圧縮ノイズによって、多数の小さなパスが作成される場合があります。少ない色数から始め、必要に応じてディテールを増やしてください。

最大50 MB、4000万ピクセル、各辺8192 pxまで対応しています。処理はこのデバイス上で行われます。

画像をSVGに変換ローカル処理

完全にブラウザ内で実行します

次回のラスター書き出しに適用されます。
PNG、JPG、WebPまたはGIFを選択またはドロップ

何もアップロードされていません

ライブトレースでは小さいプレビューを使用します。ダウンロード時は元の画像をトレースします。GIFでは最初のフレームを使用します。透明なピクセルは白の上に合成されます。色を削除すると、被写体の一部も削除される場合があります。

詳細度が80%未満の場合、トレースでは主要な色を使い、孤立した細かい点を統合します。詳細度を上げると輪郭の色合いが保持され、ファイルが大幅に大きくなることがあります。

ベクターパスとトレース

SVGパスは、固定されたピクセルグリッドなしでサイズを変更できる輪郭を表します。SVG仕様（https://www.w3.org/TR/SVG2/）では、パスと塗りについて説明しています。トレースは元の画像を近似するもので、元のデザインファイルを復元するものではありません。

トレースソフトウェアと透明度

ImageTracerJSはUnlicenseのもとで使用されています。ソースコードとライセンス（https://github.com/jankovicsandras/imagetracerjs）では、トレースのオプションについて説明しています。透明なピクセルは白の上に配置されます。最も明るい色のレイヤーを削除するかどうかは任意ですが、画像内の明るい部分も削除される場合があります。

使い方

  1. 入力形式に合ったファイルを選択します。
  2. 利用できる出力設定を調整します。
  3. 結果を作成し、プレビューを確認してダウンロードします。

プライバシーと制限事項

ファイルはこのデバイス上で処理されます。画像、動画、音声がアップロードされることはありません。

関連ツール

画像からSVGへPNGからSVGへSVGエディター

よくある質問

ディテールを失わずに写真をSVGへ変換できますか？

トレースでは、色調のある領域が色付きの図形に変換されます。グラデーション、肌の質感、髪が単純化されることがあります。色数とディテールを増やして比較できますが、スタイル化された結果になり、ファイルサイズが大きくなる可能性があります。

SVG内のJPEGのアーティファクトを減らすにはどうすればよいですか？

少しぼかしを加えて色数を減らすか、よりきれいなソースをトレースしてみてください。トレース前にJPEGを何度も保存するのは避けてください。非可逆保存を繰り返すたびに、目立つアーティファクトが増えることがあります。

文字を再び編集可能にできますか？

トレースでは、目に見える文字の輪郭に沿って変換するだけで、単語を認識したりフォントを復元したりすることはありません。正確で編集可能な文字が必要な場合は、SVGエディターで文字を描き直してください。

無料ツール · ブラウザ内で · アカウント不要