無料・ブラウザ内で画像をベクトル化

WebPをSVGに変換

PNGへの変換を挟まず、WebP画像を編集可能なSVGパスにします。VectorizeThisは見えているピクセルを端末上で読み込み、適したトレースを比較して、結果を確認できるようにします。

ここに画像をドラッグ

PNG、JPG/JPEG、WebP、AVIF、BMP · 最大100枚 · 各5 MB

SVG結果を選択

SVG結果を比較し、好みのものを選択してください。

WebPをSVGに変換すると何が変わりますか?

WebPは非可逆または可逆圧縮を使うラスター形式で、透明部分も保存できます。SVGへのベクトル化は見えている色領域をパスとして再構成します。拡張子だけを変えても、画像はピクセルのままです。

WebPには鮮明な図形も圧縮した細部も含まれる

WebPはロゴ、インターフェース画像、イラスト、写真に使われます。単色の領域がある可逆圧縮画像では、境界を明確に捉えやすくなります。非可逆圧縮画像には微妙な輪郭の変化があり、それが余分なSVG図形になることがあります。結果が細かすぎる場合は、色数と単純化を比較してください。

透明部分は被写体の分離に役立つ

透明なWebPは、外側の境界をトレースしやすくします。不透明な背景でも、十分に均一でつながった領域を検出できれば、VectorizeThisで背景を削除できます。その境界付近にある淡い細部を必ず確認してください。

拡張子より画像の内容に合わせて設定する

フラットな画像には「ロゴ」または「Web」、連続的な色調には「写真」を選びます。加工向けの用途は、SVGをそのワークフローで使う場合に選んでください。用途の選択で、優先される候補が変わります。

画像に合う色とSVGを選ぶ

パレットの色数は、白を含み、透明部分を除いた、見えているSVGの色で数えます。パレットや結果が1つなら追加の選択手順は省略されます。クリックすると選択を適用します。キーボードでは矢印キーで候補を強調し、Enterで確定します。「選択を変更」で比較画面を開き直せます。広いグレースケールや不透明度の領域は、1つの二値マスクにまとめず、別々の色として残ることがあります。

しきい値、平滑化、円、切り抜き、元画像と位置を合わせたズームについては、設定リファレンスをご覧ください。

WebPをSVGに変換する手順

  1. 1

    WebPファイルを追加する

    最大100個のWebPファイルを選択またはドラッグして追加します。1ファイルあたり最大5 MBで、ブラウザ内で処理します。

  2. 2

    ベクター画像の用途を選ぶ

    Web、ロゴ、写真、Cricut、レーザーカットなどの用途を選びます。選択によって、試すトレース候補と結果のチェック方法が変わります。

  3. 3

    SVGを確認してダウンロードする

    選択肢が表示された場合は、カラーパレット、続いてSVGの結果を選びます。選択肢が1つならその手順は省略されます。プレビューを比較して必要な設定を調整し、SVGを1枚ずつ、または完了した分をまとめてダウンロードします。

WebPをSVGに変換するVectorizeThisの特徴

本物のSVGパス

元のビットマップをSVGに埋め込むのではなく、トレースした図形を出力します。

ブラウザ内でローカル処理

変換は端末上で実行します。ベクトル化のために元画像をアップロードすることはありません。

複数の候補を比較

単色の画像は検証済みの6つの方法を比較します。カラー画像では最大4つの適したパレットと、それぞれ異なるSVGの候補を比較できます。写真と複雑なイラストでは専用の自動探索を行います。

編集可能な色の設定

対応する結果では、最初からやり直すことなく、トレースしたパレットを変更して再処理できます。

背景の処理

均一でつながった背景を検出し、結果を確認しながら削除できます。

一括処理

複数の画像を処理し、個別または一括で調整して、完成したSVGをまとめてダウンロードできます。

WebPをSVGに変換する際のよくある質問

本物のベクタートレース、元画像の品質、編集、ブラウザ内でのローカル処理について説明します。

WebPをSVGに変換するには?

上の欄に画像を追加して用途を選び、VectorizeThisが適したトレースを比較するまでお待ちください。SVGを確認してからコードをコピーするか、ダウンロードしてください。

WebPをSVGに変換するのは無料ですか?

はい。アカウントの作成や料金の支払いなしで、変換ツールを使用し、SVGをダウンロードできます。

出力には本物のベクターパスが含まれますか?

はい。見えているピクセルの領域から再構成したSVGパスを出力します。元画像をそのまま埋め込む処理ではありません。

WebPをSVGに変換しても透明部分は保たれますか?

透明部分はトレースした画像の外側に残せます。半透明の輪郭はトレース中に解釈するため、SVGのプレビューでぼかした影やアンチエイリアスを確認してください。

WebPを先にPNGへ変換する必要はありますか?

いいえ。VectorizeThisはWebPを直接読み込むため、途中でPNGにしても元のピクセルの品質は上がりません。

WebPの非可逆圧縮はSVGのパスに影響しますか?

はい。圧縮で輪郭の周囲に淡い色の変化が生じると、別の領域としてトレースされることがあります。

どのような画像なら整ったベクター画像になりますか?

輪郭の明確なロゴ、アイコン、線画、シルエット、フラットなイラストは、通常、形の整ったトレースになります。質感、ぼかした影、グラデーション、ノイズには多くのパスが必要です。

元画像がブラウザの外へ送られますか?

ベクトル化はブラウザ内でローカル処理します。画像が送信されるのは、フィードバックフォームに自分で添付して送信した場合だけです。

変換後のSVGを編集できますか?

はい。使用可能な色見本で色を変えたり、SVGのマークアップをコピーしたり、ダウンロードしたパスを対応するベクター編集ソフトで開いたりできます。

この変換ツールの活用例

Webサイトのアイコン

サイトから保存したWebPのインターフェース素材を、拡大・縮小可能なパスとして再構成します。

透明なイラスト

外側のシルエットを分離したまま、見えている色領域を再構成します。

フラットなブランド画像

元のベクターファイルがない場合に、WebPのコピーから編集可能な塗りを作ります。

関連するベクトル化ガイド

WebPをSVGに変換

元画像を追加し、用途を選んで、生成したベクター画像を比較してからダウンロードしてください。

WebPをSVGに変換