ツール95

変換 / 実践的な画像ガイド

JPGアートワークを白黒のSVG形状に変換する方法

JPGアートワークのベクター解釈を作成します。

JPGは不透明なキャンバスを持つピクセル形式です。JPGからSVGへの変換で、カラーまたは白黒でトレースできます。モノクロトレースは、元のイラストを保持するよりも、淡い色を透明な領域に変換できるようなシンプルなマークや図面に適しています。

更新済み

ガイドに従う
実際の入力とダウンロードされた結果
変更前 JPGからSVGへの変換用オリジナルソース:640 x 640ピクセル。

sample-vector.jpg:640 x 640 px、26,681バイト。

変更後 JPG から SVG への実際のダウンロード結果: 640 x 640 ピクセル。

sample-vector.svg:640 x 640 px、8,650バイト。

実際の JPG ソースと2パスの SVG(しきい値 128 の線画)。明るい領域は透明になり、アートワークは意図的に簡略化されます。
広告
クイックビデオチュートリアル How to trace JPG to SVG with the Illustration preset Upload JPG artwork, choose the Illustration preset for a color trace, select Start and download the SVG result. 英語のナレーション ビデオを見る

How to trace JPG to SVG with the Illustration preset

広告

この実例では、カラーの花を2つの黒いSVGパスに変換します。どの詳細がしきい値を生き残り、どれが透明になるかを比較してください。 JPGからSVGへを開く.

01

JPGアートワークと「線画」を選択

JPGからSVGを開き、JPGまたはJPEGをアップロードします。ロゴやフラットなイラストは、テクスチャのある写真よりも予測可能なトレースが可能です。この例では、サンプルの花の白背景JPGバージョンを使用しています。

「線画」を選択します。これにより、詳細、滑らかさ、クリーンアップの初期値を持つ白黒トレースが選択されます。カラー処理を行う場合は、「ロゴ」または「イラスト」を選択し、「カラーモード」を使用してください。

可能な限りきれいなオリジナルを使用してください。圧縮アーティファクトが不要なベクターエッジになる可能性があります。

02

しきい値を調整して比較する

白黒のしきい値は、どのピクセルを暗い形状にするかを決定します。この例では128を使用し、線画のデフォルト値である詳細3、曲線の滑らかさ70、小さな斑点の除去4を適用しています。設定を変更した後は「プレビューを更新」を選択してください。

「オリジナル」、「ベクター」、「比較」を使用して結果を検査します。この例では2つの黒いパスが生成されます。花の暗い部分と葉の領域は残りますが、花びらの明るい部分、小さな点、白い背景は消えます。これはしきい値トレースであり、元の色の再構築ではありません。

「エッジと背景の調整」の下にある「透明度を保持」を選択すると、白黒モードで明るい領域が透明になります。不透明なキャンバスにするには「白」を選択してください。カラーモードでは、不透明なJPG背景は自動的に削除されず、コンテンツとしてトレースされます。

モノクロは意図的な簡略化です。淡い線、点、文字がデザインとして機能しているか確認してください。

このガイドの例

プリセット: 線画; 白黒モード; しきい値: 128; 詳細: 3; 曲線の滑らかさ: 70; 小さな斑点の除去: 4; 背景: 透明度を保持。

入力
640 x 640 px
出力
640 x 640 px
入力ファイル
26,681 バイト
ダウンロードファイル
8,650 バイト
ベクターパス
2
03

ダウンロードしたベクターを確認する

「開始」を選択してSVGをダウンロードします。結果は640 x 640のキャンバスを保持し、2つのパスで8,650バイトになります。ベクターエディターで開き、意図した表示サイズで隙間や細いストロークを確認してください。

詳細が消える場合は、白黒のしきい値を調整するか、「小さな斑点の除去」を減らしてプレビューを更新してください。微妙な色の違いが重要な場合は、カラーモードを試すか、JPGを保持してください。トレースではJPEG圧縮によって失われた詳細は復元できません。

バッチ処理では同じ設定が使用され、ZIPが生成されます。プレビューのトレースは最長辺1200ピクセルまで使用し、最終的なトレースは2048ピクセルまで使用して元のSVGキャンバスサイズを保持します。

テキストをトレースすると編集可能な形状が作成されますが、元のフォントや編集可能なテキストオブジェクトにはなりません。

便利な詳細

よくある質問

なぜ白い背景が消えたのですか?

白黒トレースは暗い形状を保持し、明るい領域を透明にします。白を選択すると、後から不透明なキャンバスが追加されます。

カラーでトレースできますか?

はい。トレースモードで「カラー」を選択するか、「ロゴ」または「イラスト」から始めてください。「カラー」は 2 から 32 までのパレットを要求します。

なぜ淡いアートワークが消えたのですか?

しきい値は明るい領域と暗い領域を分類します。しきい値を変更するか、カラーモードを試すか、淡い詳細が不可欠な場合はソースを保持してください。

すべての写真がうまく機能しますか?

いいえ。写真は多くの不規則な形状を生成したり、非常に様式化された結果になることがあります。きれいなロゴ、図面、フラットなアートワークの方が一般的に適しています。

あなたの番です

ご自身の画像でワークフローを試し、将来の編集のために元のファイルを保持してください。

サンプルを試すか、独自のファイルを使用して、共有前に結果を確認します。

JPGからSVGへを開く

画像の詳細

言語38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

言語を選択してください。ビデオチュートリアルは現在英語のナレーションを使用しています。