画像 / ベクタートレース

画像からSVGへ:ビットマップをベクターパスにトレース

PNG、JPG、WebP、GIFをブラウザで開き、SVGにトレースします。色、細かさ、ぼかしを調整し、最も明るい色のレイヤーを任意で削除できます。ベクター画像または元のサイズのPNGをダウンロードできます。

画像からSVGへ:ビットマップをベクターパスにトレース: ブラウザで画像をデコードし、長辺が最大1000ピクセルになるよう縮小してから、ImageTracerが色をグループ化し、輪郭に合わせてパスを作成します。結果にはSVGパスの数とファイルサイズが表示されます。GIFを入力した場合は最初のフレームが使われます。 サーバーへのファイルアップロードは一切なく、100%ブラウザ内でローカル実行します。

カテゴリ
画像ツール
実行回数
ブラウザ内で
コスト
無料 · 登録不要
提供状況
すぐに使えます
画像をSVGに変換ローカル処理

完全にブラウザ内で実行します

次回のラスター書き出しに適用されます。
PNG、JPG、WebPまたはGIFを選択またはドロップ

何もアップロードされていません

ライブトレースでは小さいプレビューを使用します。ダウンロード時は元の画像をトレースします。GIFでは最初のフレームを使用します。透明なピクセルは白の上に合成されます。色を削除すると、被写体の一部も削除される場合があります。

詳細度が80%未満の場合、トレースでは主要な色を使い、孤立した細かい点を統合します。詳細度を上げると輪郭の色合いが保持され、ファイルが大幅に大きくなることがあります。

トレース設定

色数は2から64の範囲です。詳細度を上げると小さなパスが保持され、曲線のフィッティングが厳密になります。ぼかしはトレース前に元画像を滑らかにします。設定を変更したら、もう一度トレースして新しい結果を比較してください。

結果の形式を選ぶ

SVGはパスと色を保存し、ベクターエディターで編集できます。PNGは固定されたラスター画像を保存するため、文書に配置しやすい場合があります。どちらも、削除した色レイヤーを含め、トレース結果を反映します。

使い方

  1. 画像を開き、トレースのプリセットを選択します。
  2. 色、細かさ、ぼかし、最も明るいレイヤーのオプションを調整してから、画像をトレースします。
  3. プレビューを比較し、SVGまたはPNGをダウンロードします。

プライバシーと制限事項

元の画像とトレース結果はこのブラウザ内に保持されます。トレーサーはサイトに組み込まれており、画像がアップロードされることはありません。

関連ツール

よくある質問

元のベクター画像を復元できますか?

いいえ。トレースで再現されるのは、表示されているピクセルの近似です。小さな文字、グラデーション、写真は、トレース後に手動で編集が必要になる場合があります。

背景オプションはどのように機能しますか?

残す別のレイヤーがある場合に、表示されている最も明るい色のレイヤーを削除します。対象物内の明るい細部も削除されることがあります。別のレイヤーを削除できない場合は、プレビューで説明が表示されます。

PNGは元のサイズなのに、なぜ細部が少ないのですか?

PNGは、処理上の上限に合わせてトレースされたパスを元の画像のサイズで描画します。出力サイズを大きくしても、縮小時に失われた細部は復元されません。

無料ツール · ブラウザ内で · アカウント不要