画像を解析中…
明確なキャンバス背景が見つからなかったため、SVGは変更していません。
無料・ブラウザ内で画像をベクトル化
PNGへの変換を挟まず、WebP画像を編集可能なSVGパスにします。VectorizeThisは見えているピクセルを端末上で読み込み、適したトレースを比較して、結果を確認できるようにします。
PNG、JPG/JPEG、WebP、AVIF、BMP · 最大100枚 · 各5 MB
ベクトル化ツールを準備中…
ステップ2
トレース、評価、クリーンアップ、SVGの準備を自動調整します。
変換が止まったように見える場合は、このタブを画面上に最低1ピクセル表示してください。ブラウザがバックグラウンド扱いにせず、変換を続けられます。
Chromeでは、変換ツールをバックグラウンドタブにすると変換が止まります。背面ウィンドウの選択中タブにすると、処理が続くようです。
画像を解析中…
明確なキャンバス背景が見つからなかったため、SVGは変更していません。
WebPは非可逆または可逆圧縮を使うラスター形式で、透明部分も保存できます。SVGへのベクトル化は見えている色領域をパスとして再構成します。拡張子だけを変えても、画像はピクセルのままです。
WebPはロゴ、インターフェース画像、イラスト、写真に使われます。単色の領域がある可逆圧縮画像では、境界を明確に捉えやすくなります。非可逆圧縮画像には微妙な輪郭の変化があり、それが余分なSVG図形になることがあります。結果が細かすぎる場合は、色数と単純化を比較してください。
透明なWebPは、外側の境界をトレースしやすくします。不透明な背景でも、十分に均一でつながった領域を検出できれば、VectorizeThisで背景を削除できます。その境界付近にある淡い細部を必ず確認してください。
フラットな画像には「ロゴ」または「Web」、連続的な色調には「写真」を選びます。加工向けの用途は、SVGをそのワークフローで使う場合に選んでください。用途の選択で、優先される候補が変わります。
パレットの色数は、白を含み、透明部分を除いた、見えているSVGの色で数えます。パレットや結果が1つなら追加の選択手順は省略されます。クリックすると選択を適用します。キーボードでは矢印キーで候補を強調し、Enterで確定します。「選択を変更」で比較画面を開き直せます。広いグレースケールや不透明度の領域は、1つの二値マスクにまとめず、別々の色として残ることがあります。
しきい値、平滑化、円、切り抜き、元画像と位置を合わせたズームについては、設定リファレンスをご覧ください。
最大100個のWebPファイルを選択またはドラッグして追加します。1ファイルあたり最大5 MBで、ブラウザ内で処理します。
Web、ロゴ、写真、Cricut、レーザーカットなどの用途を選びます。選択によって、試すトレース候補と結果のチェック方法が変わります。
選択肢が表示された場合は、カラーパレット、続いてSVGの結果を選びます。選択肢が1つならその手順は省略されます。プレビューを比較して必要な設定を調整し、SVGを1枚ずつ、または完了した分をまとめてダウンロードします。
元のビットマップをSVGに埋め込むのではなく、トレースした図形を出力します。
変換は端末上で実行します。ベクトル化のために元画像をアップロードすることはありません。
単色の画像は検証済みの6つの方法を比較します。カラー画像では最大4つの適したパレットと、それぞれ異なるSVGの候補を比較できます。写真と複雑なイラストでは専用の自動探索を行います。
対応する結果では、最初からやり直すことなく、トレースしたパレットを変更して再処理できます。
均一でつながった背景を検出し、結果を確認しながら削除できます。
複数の画像を処理し、個別または一括で調整して、完成したSVGをまとめてダウンロードできます。
本物のベクタートレース、元画像の品質、編集、ブラウザ内でのローカル処理について説明します。
上の欄に画像を追加して用途を選び、VectorizeThisが適したトレースを比較するまでお待ちください。SVGを確認してからコードをコピーするか、ダウンロードしてください。
はい。アカウントの作成や料金の支払いなしで、変換ツールを使用し、SVGをダウンロードできます。
はい。見えているピクセルの領域から再構成したSVGパスを出力します。元画像をそのまま埋め込む処理ではありません。
透明部分はトレースした画像の外側に残せます。半透明の輪郭はトレース中に解釈するため、SVGのプレビューでぼかした影やアンチエイリアスを確認してください。
いいえ。VectorizeThisはWebPを直接読み込むため、途中でPNGにしても元のピクセルの品質は上がりません。
はい。圧縮で輪郭の周囲に淡い色の変化が生じると、別の領域としてトレースされることがあります。
輪郭の明確なロゴ、アイコン、線画、シルエット、フラットなイラストは、通常、形の整ったトレースになります。質感、ぼかした影、グラデーション、ノイズには多くのパスが必要です。
ベクトル化はブラウザ内でローカル処理します。画像が送信されるのは、フィードバックフォームに自分で添付して送信した場合だけです。
はい。使用可能な色見本で色を変えたり、SVGのマークアップをコピーしたり、ダウンロードしたパスを対応するベクター編集ソフトで開いたりできます。
サイトから保存したWebPのインターフェース素材を、拡大・縮小可能なパスとして再構成します。
外側のシルエットを分離したまま、見えている色領域を再構成します。
元のベクターファイルがない場合に、WebPのコピーから編集可能な塗りを作ります。
17個の変換ツール
画像形式や作業内容に合う変換ツールを選べます。すべてのツールがブラウザ内で編集可能なSVGパスを作成します。
元画像を追加し、用途を選んで、生成したベクター画像を比較してからダウンロードしてください。
WebPをSVGに変換