画像 / ベクタートレース

PNGからSVGへ — ローカルブラウザツール

PNG画像を色付きのSVGパスにトレースし、ラスタープレビューとベクタープレビューを比較して、SVGまたはラスタライズしたPNGをダウンロードできます。

PNGからSVGへ — ローカルブラウザツール: このページは、自分が所有するPNGロゴ、フラットなイラスト、スキャンした線画、パスとして編集したいインターフェース用のアートワークに使用できます。入力ファイルの形式はPNGに設定されており、初回のトレースでは少数の色が使用されます。PNGには輪郭のはっきりしたエッジや透明な背景が含まれることが多いため、シンプルなアートワークの出発点として役立ちます。透明部分は自動的には再現されません。トレース前に、透明なピクセルは白の上に配置されます。任意の最も明るいレイヤーの削除を使うと、その背景を削除できますが、白い文字、ハイライト、対象内部の隙間まで削除されることがあります。2つの色で描かれた画像には白黒、コンパクトなイラストには少ない色、より多くの色合いや細部には多くの色、輪郭をより忠実に再現するには詳細を選択してください。最大色数、詳細度、ぼかしは調整できます。ライブプレビューは長辺が600ピクセルに収まるよう縮小されますが、ダウンロード時には元の画像がトレースされます。トレースによって小さな点が統合されたり、エッジがぼやけたり、文字が不規則になったりすることがあります。スクリーンショットから元のフォント、形状、レイヤーを復元することはできません。きれいな文字が必要な場合は、正確なタイポグラフィが再現されることを期待せず、代わりにベクターエディターで文字を描き直してください。ファイルの上限は50 MB、1辺あたり8192ピクセル、合計4000万ピクセルです。大きくて詳細な画像は処理に時間がかかり、非常に大きなSVGファイルが生成されることがあります。PNGのダウンロードは、トレースしたパスをラスタライズした画像であり、出力倍率によって保存されるピクセルサイズが決まります。SVGはベクター形式で出力されるため、その倍率設定によってパスの細部が増えることはありません。 サーバーへのファイルアップロードは一切なく、100%ブラウザ内でローカル実行します。

カテゴリ
画像ツール
実行回数
ブラウザ内で
コスト
無料 · 登録不要
提供状況
すぐに使えます
トレースするPNGを選択

クリック、ドラッグ&ドロップ、または貼り付け · このデバイス上にとどまります

フラットなPNGアートワークを編集可能なパスにトレースします。透明なピクセルは白の上に配置されます。最も明るいレイヤーを削除すると、アートワークの白い部分も削除される場合があります。

最大50 MB、4000万ピクセル、各辺8192 pxまで対応しています。処理はこのデバイス上で行われます。

画像をSVGに変換ローカル処理

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

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

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

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

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

ベクターパスとトレース

SVGパスは、固定されたピクセルグリッドなしでサイズを変更できる輪郭を表します。SVG仕様(https://www.w3.org/TR/SVG2/)では、パスと塗りについて説明しています。トレースは元の画像を近似するもので、元のデザインファイルを復元するものではありません。

トレースソフトウェアと透明度

ImageTracerJSはUnlicenseのもとで使用されています。ソースコードとライセンス(https://github.com/jankovicsandras/imagetracerjs)では、トレースのオプションについて説明しています。透明なピクセルは白の上に配置されます。最も明るい色のレイヤーを削除するかどうかは任意ですが、画像内の明るい部分も削除される場合があります。

使い方

  1. 表示された入力形式のファイルを選択します。
  2. 利用できる出力設定を調整します。
  3. 結果を作成し、プレビューを確認してダウンロードします。

プライバシーと制限事項

ファイルはこのデバイス上で処理されます。画像、動画、音声がアップロードされることはありません。

関連ツール

よくある質問

透明なPNGは透明なままですか?

トレース中、元画像の透明なピクセルは白の上に合成されます。透明なベクター背景にしたい場合は、最も明るい色のレイヤーを削除してみてください。その後、必要な白い細部まで消えていないことを確認してください。

PNGを埋め込んだSVGですか?

画像は色付きのパスにトレースされます。結果はSVGエディターで編集できる近似データであり、SVGファイル内にPNGを包んだものではありません。

どのようなPNGが最適ですか?

まずは、コントラストが高くきれいな線画や、少ない色数のフラットなイラストを試してください。グラデーション、柔らかな影、小さな文字は、多数のパスが生成されたり、細部が失われたりすることがあります。

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