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

デザインをSVGに変換

統合されたデザイン画像を、確認、色の変更、サイズ変更ができるSVGパスとして再構成します。VectorizeThisは見えている画像をもとに処理するもので、元のデザイン文書を復元するものではありません。

ここに画像をドラッグ

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

SVG結果を選択

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

デザインをSVGに変換すると何が残りますか?

見えている形と色領域をトレースします。輪郭が明確なフラット画像の見た目を保てる場合がありますが、元のデザインファイルの非表示レイヤー、フォント、制約、編集履歴は復元できません。

統合された画像は再構成が必要

スクリーンショットやラスター書き出しには、完成したピクセルだけが含まれます。トレースはその間の境界を推定して新しいパスを作るため、文字や正確な幾何形状は手作業での確認が必要になることがあります。

用途によって適した結果が変わる

Web素材、ロゴ、写真加工、カット用デザインでは、適した図形が異なります。自動比較が始まる前に、完成データの用途を選んでください。

使用する権利のある画像を使う

ベクトル化はファイルの表現方法を変えるもので、所有権やライセンスは変わりません。自作の画像、または加工を許可された画像を変換してください。

デザインを調整する前にパレットを比較する

Webまたはロゴのフラットなデザインでは、最大4つの適したパレットから選び、そのパレット内の異なるSVG結果を比較します。白は1色として数え、透明部分は数えません。広いグレースケールや不透明度の領域は、二値の図形にせず、別々に残せます。選択肢が1つの手順は省略されます。

加工向け以外では、出力の色見本で編集したり、確認後に色を削除したりできます。内容に合わせた切り抜きが有効なら、キャンバスの色を削除すると、残った図形に合わせて切り抜きます。「選択を変更」で用意された結果を再度開き、同期したホイールズームで文字、穴、狭い隙間を確認してください。

デザインをSVGに変換する手順

  1. 1

    ラスター形式のデザイン画像を追加する

    最大100枚のラスター形式のデザイン画像を選択またはドラッグして追加します。1ファイルあたり最大5 MBで、ブラウザ内で処理します。

  2. 2

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

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

  3. 3

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

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

デザインをSVGに変換するVectorizeThisの特徴

本物のSVGパス

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

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

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

複数の候補を比較

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

編集可能な色の設定

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

背景の処理

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

一括処理

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

デザインをSVGに変換する際のよくある質問

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

デザインをSVGに変換するには?

上の欄に統合されたデザイン画像を追加して用途を選ぶと、VectorizeThisが適したトレースを比較します。SVGを確認してからコピーやダウンロードを行ってください。

デザインをSVGに変換するのは無料ですか?

はい。対応するデザイン画像をベクトル化し、アカウントの作成や料金の支払いなしでSVGをダウンロードできます。

デザインをSVGに変換すると本物のベクターパスになりますか?

はい。元のビットマップを埋め込まず、見えている領域をSVGパスとして再構成します。

元のデザインファイルのレイヤーを復元できますか?

いいえ。統合された見た目をトレースするため、非表示レイヤー、制約、フォント、コンポーネント、編集履歴は復元できません。

デザインをSVGに変換しても文字をテキストとして編集できますか?

いいえ。見えている文字は図形としてトレースします。編集可能なテキストが必要なら、元のフォントと組版ツールを使ってください。

どのようなデザイン画像がトレースに適していますか?

明確な輪郭、単色の塗り、少ない色数のフラット画像は、通常、トレースに適しています。グラデーション、質感、影、小さな文字には、多くの図形と確認が必要です。

SVGを印刷や加工に使えますか?

該当する用途を選んでチェックを確認できますが、自動トレースでプリンター、カッター、彫刻機、加工ソフトへの互換性を保証することはできません。

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

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

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

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

この変換ツールの活用例

統合されたブランド画像

元のベクターデータがない場合に、ラスター出力から編集可能な色領域を再構成します。

Webとプレゼンテーションの画像

輪郭の明確なイラストを、レスポンシブなレイアウトやスライド用の拡大・縮小可能なパスにします。

クラフト用の画像

対応するクラフトのワークフロー向けに単純な図形を準備し、使用前に結果を確認します。

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

デザインをSVGに変換

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

デザインをSVGに変換