画像を解析中…
明確なキャンバス背景が見つからなかったため、SVGは変更していません。
無料・ブラウザ内でJPGをベクトル化
JPGを端末上で編集可能なSVGパスに変換します。VectorizeThisは元のビットマップをSVGに配置せず、見えている形をトレースし、結果を比較・調整できるようにします。
PNG、JPG/JPEG、WebP、AVIF、BMP · 最大100枚 · 各5 MB
ベクトル化ツールを準備中…
ステップ2
トレース、評価、クリーンアップ、SVGの準備を自動調整します。
変換が止まったように見える場合は、このタブを画面上に最低1ピクセル表示してください。ブラウザがバックグラウンド扱いにせず、変換を続けられます。
Chromeでは、変換ツールをバックグラウンドタブにすると変換が止まります。背面ウィンドウの選択中タブにすると、処理が続くようです。
画像を解析中…
明確なキャンバス背景が見つからなかったため、SVGは変更していません。
本物のJPGからSVGへの変換は、JPGのピクセル領域をベクターパスとして再構成します。そのパスは色を変えたり、元のピクセル格子を表示せずに別のサイズで描き直したりできます。トレースは元画像の解釈なので、圧縮による劣化や写真の細部が影響することがあります。
JPGはJPEG画像の一般的な3文字の拡張子です。拡張子を3文字に制限していた古いシステムで、この短い表記が広まりました。したがって.jpgと.jpegは同じ圧縮方式を使い、同じ種類のラスター画像データを含みます。
このページは、.jpgという名前のファイルから見えている画像をSVGパスに再構成する、JPGからSVGへの変換用です。ファイル名の拡張子を変えるだけではできません。名前が変わるだけで、トレースで再構成するまではピクセルデータはラスターのままです。
JPGは非可逆圧縮を使います。強く圧縮したり何度も保存したりすると、単色の領域や鋭い輪郭の周りにブロック、ハロー、小さな色の変化が生じます。ビットマップでは目立たなくても、検出した領域が個別のパスになるため、トレース後に目立つことがあります。
できるだけ大きく鮮明なコピーから始めてください。サムネイル、スクリーンショットを再度撮った画像、再圧縮するサービスから繰り返しダウンロードしたファイルは避けてください。不要な断片がある場合は、少ない色数や単色モードを比較します。微小領域の削除は、それが意図した細部ではないか確認してから使ってください。
フラットなロゴ、線画、シルエットは、比較的少ない図形で表せることがあります。「ロゴ」や該当する加工の用途を選ぶと、明確な領域と扱いやすい図形を重視して候補を選びます。加工チェックでは、一部の開いたパス、重複する輪郭、小さな孤立領域、複雑さの問題を検出できますが、機械やソフトへの互換性は保証しません。
写真は異なります。光、質感、柔らかな変化は、それぞれの塗りつぶし領域で表す必要があります。その変化を残したい場合は「写真」または「複雑なイラスト」を選んでください。色を減らして単純化を強めるとSVGを編集しやすくなりますが、見た目も変わります。
標準的なJPGにはアルファチャンネルがありません。撮影用の白い背景やロゴの後ろの単色背景も、画像そのものの一部です。VectorizeThisは外側の領域が十分に均一でつながっているか確認し、確実に背景と判定できた場合に削除の設定を使えるようにします。
削除後は境界を確認してください。圧縮によって被写体と背景の間に淡い縁ができたり、被写体の明るい部分が背景に似ていたりする場合があります。設定を比較しても、元のJPGは変更されません。
JPGのロゴやフラット画像では、Webとロゴの用途で最大4つの適したパレットを表示し、その後に選んだパレットの異なるSVG結果を比較できます。色数は、白を含む描画された色から数えます。パレットや結果が1つなら、その比較手順は省略されます。「選択を変更」で候補を開き直せます。
白地の単色文字では、単色トレースでキャンバスを省き、詳細設定に自動または手動のしきい値を表示します。圧縮されたワードマークを単純にできる場合がありますが、ダウンロード前に細い線と文字の内側の空間を確認してください。
最大100枚の`.jpg`画像を選択またはドラッグして追加します。1ファイルあたり最大5 MBで、ブラウザ内で処理します。
ロゴ、写真、Web、Cricut、レーザーカットなどの用途を選びます。VectorizeThisは適した設定を試し、用途に合わせてSVGを仕上げます。
選択肢が表示された場合は、カラーパレット、続いてSVGの結果を選びます。選択肢が1つならその手順は省略されます。プレビューを比較して必要な設定を調整し、SVGを1枚ずつ、または完了した分をまとめてダウンロードします。
base64で符号化したJPGのコピーではなく、トレースしたSVG図形を出力します。
ブラウザがSVGを生成する間、変換する画像は端末上にとどまります。
単色の画像は検証済みの6つの方法を比較します。カラー画像では最大4つの適したパレットと、それぞれ異なるSVGの候補を比較できます。写真と複雑なイラストでは専用の自動探索を行います。
表示されるパレットを比較するか、詳細設定で単色、3色、4色を指定できます。単純化と、使用可能な微小領域の削除で圧縮の乱れを減らせます。小さな細部は削除前に確認してください。
JPGは不透明ですが、外側の背景が十分に均一なら、検出してベクター結果から削除できます。
各結果を個別に調整してSVGを1つずつダウンロードするか、完成した結果を1つのZIPにまとめられます。
`.jpg`ファイルを編集可能なベクターパスにトレースする方法を説明します。
上の欄にJPGを追加して用途を選ぶと、見えている領域をSVGパスにトレースします。プレビューを比較してから、コードをコピーするか、SVGをダウンロードしてください。
はい。VectorizeThisのJPGからSVGへの変換は無料です。結果のダウンロードにアカウントや支払いは必要ありません。
はい。元のJPGをSVGに埋め込まず、見えている画像からSVGパスを生成します。
はい。`.jpg`と`.jpeg`は、同じJPEG画像形式に使う拡張子です。VectorizeThisはどちらも受け付けます。このページは特に`.jpg`ファイルを使う方向けです。
JPG圧縮では輪郭付近に淡いブロック、ハロー、色の変化が残ることがあり、それを実際の領域としてトレースする場合があります。より鮮明な元画像、少ない色数、単色モード、微小領域の削除によって、図形を単純にできることがあります。
輪郭が明確なロゴ、アイコン、線画、シルエット、フラット画像は、通常、トレースに適しています。大きく圧縮の少ない元画像ほど、境界の情報がよく残っています。
はい。「写真」の用途を選んでください。ただし、複数の領域が重なる、ポスターのようなベクター表現になります。質感、グラデーション、ノイズ、ぼかした影には多くのパスが必要になる場合があります。
十分に均一でつながった外側の領域を検出できれば、背景を削除できます。JPGには透明度がないため、被写体の淡い細部や輪郭のハローを確認してください。
はい。加工向けの用途以外では、結果のパレットに編集可能なSVGの色を表示し、多い色数は展開して表示できます。色を変えたり、確認後に色を削除したり、ダウンロードしたファイルを対応するベクター編集ソフトで編集したりできます。
元のデザインファイルがない場合に、JPGのコピーから編集可能な形を再構成します。できるだけ大きく、圧縮の少ないコピーを使ってください。
強い線と単純な塗りつぶし領域をパスにします。紙の質感やカメラのノイズに由来する小さな印を確認してください。
写真の写実性よりもイラストやポスターのような結果が欲しい場合に、連続した色の変化を重なり合う領域に置き換えます。
17個の変換ツール
画像形式や作業内容に合う変換ツールを選べます。すべてのツールがブラウザ内で編集可能なSVGパスを作成します。
JPGを追加してベクターの用途を選び、トレースしたパスを確認してからダウンロードしてください。
JPGをSVGに変換