ツール95

素晴らしい作品を作ろう

PNGからSVGへ.

PNGのロゴ、アイコン、イラストを編集可能なSVGパスにトレースします。色や曲線を調整し、透明部分を確認してからダウンロードしてください。

広告
画像ワークスペース
一時的なサーバー処理
またはここにドラッグ&ドロップ
PNG
開始するには画像を選択してください。画像
広告
ブログ 透明なPNGを単純なSVGにトレースする方法 ガイドを読む

PNGアートワークを編集可能なベクター画像にトレース

PNGアートワークを、固定ピクセルグリッドなしで拡大縮小できるSVGパスに変換します。トレースプリセットから開始し、色や曲線を調整し、ベクタープレビューで透明な領域を確認してください。

PNGロゴはベクター形状として再構築され、エクスポート前に透明領域が確認されます。
クイックビデオチュートリアル How to trace PNG to SVG with the Illustration preset Upload PNG artwork, choose the Illustration preset for a color trace, select Start and download the SVG result. 英語のナレーション ビデオを見る

How to trace PNG to SVG with the Illustration preset

機能とコントロール

鮮明なPNGアートワークから開始

シンプルなマークには「ロゴ」、カラーアートワークには「イラスト」、暗い輪郭には「線画」を選択してください。

画像に合うプリセット

エッジがきれいなPNGロゴやアイコンは有用なソースです。「ロゴ」は8色から、「イラスト」は16色から開始します。「線画」は白黒トレースに切り替わります。ピクセルを追加するためだけに小さなPNGを拡大することは避けてください。トレースでは欠落したデザインの詳細を復元できません。プリセットは編集可能なままなので、詳細を選択する前に結果を比較してください。

パレットを制御

「カラー」または「白黒」を使用し、関連するコントロールを調整します。

色としきい値

カラーモードでは2から32色の間で指定できます。ソースに含まれる使用可能な色が、要求したパレットよりも少ない場合があります。「白黒」は0から255までの白黒しきい値を使用して、どの領域を暗い形状にするかを決定します。これらは従来の画像処理およびトレース制御であり、生成AIは使用されていません。

曲線と小さな詳細を調整

「詳細」、「曲線を滑らかにする」、「小さな斑点を除去」を調整します。

コントロールがベクターに与える影響

「詳細」は1から5の範囲です。「曲線を滑らかにする」は、パスが小さなエッジの変化にどれだけ密接に従うかを変更します。「小さな斑点を除去」は、孤立した小さなマークを除去します。詳細を増やすとパス数とファイルサイズが増加する可能性があり、強力なクリーンアップを行うと、残しておきたい点や小さな文字が消える可能性があります。プレビューを使用してトレードオフを判断してください。

透明なエッジを確認

「透明度を保持」はソースの透明な領域を維持し、「白」は不透明なキャンバスを追加します。

既存の透明度と不透明な画像

カラーモードでは、「透明度を保持」はPNG内の既存の透明領域を維持します。塗りつぶされた背景を削除するものではありません。ソフトな影や部分的に透明なエッジは、単純化されたベクター形状になる可能性があります。白黒トレースは明るい領域を透明にします。受け取り側のレイアウトに白いキャンバスが必要な場合は「白」を選択してください。小さな文字やソフトなエッジの近くでプレビューを確認してください。

実際のベクタープレビューを比較

「プレビューを更新」を選択し、「オリジナル」、「ベクター」、または「比較」を使用します。

プレビューと最終的なトレース解像度

選択した画像は、長辺が最大1200ピクセルでプレビュー用にトレースされます。「比較」では分割線を使用してソースとトレースを検査します。最終変換では長辺が最大2048ピクセルまでトレースされますが、SVGは元の寸法とviewBoxを維持します。そのため、プレビューは最終ファイルと小さな詳細が異なる場合があります。コントロールを変更した場合は、その設定を表示するために新しいプレビューが必要です。

編集可能なベクターパスをダウンロード

1つのSVG、またはバッチを含むZIPを保存します。

後で編集できるもの

結果には、元のビットマップの埋め込みコピーではなく、ベクターパスが含まれます。SVGを互換性のあるベクターエディターで開き、パスや塗りつぶしを調整してください。文字は形状としてトレースされ、編集可能なテキストとしては認識されません。各入力には同じ設定が適用され、可能な限りベース名を保持します。重複する名前にはサフィックスが追加されます。

ファイルと処理

入力
PNG
出力
SVG。複数の結果がある場合はZIP形式

1ファイルあたり最大 25 MB。 1回につき最大 10 個の入力ファイル。 合計アップロード最大 250 MB。

ソースはそれぞれ60メガピクセルまでに制限されています。プレビューのトレースは長辺が最大1200ピクセル、最終的なトレースは最大2048ピクセルを使用します。リソースや出力の複雑さの制限により、非常に詳細な画像は拒否される場合があります。

ファイルはサーバー上で処理されます。ブラウザでのデコードが利用できない場合やドキュメントのプレビューが必要な場合は、プレビュー準備のためにファイルがアップロードされることがあります。 サーバーのダウンロードは、セッションごとに最大2時間利用可能です。

画像の結果を得るには、ダウンロード結果の下にある「続ける」を使用して、互換性のある次のステップを選択してください。引き継ぐ画像を選択できます。次のツールは独自の設定で開始されます。

エディターやダウンロードページを更新すると、ツールページに戻ります。 新しいワークフローを開始する前に、結果をダウンロードしてください。 ファイル処理についてはプライバシーポリシーをご覧ください。

よくある質問

知っておくと便利なこと

始める前のいくつかの回答。

一時的なサーバー処理
結果は本物のベクターSVGですか?

はい。トレース処理によってSVGのパスと塗りつぶしが作成されます。元のPNGやJPGを単にSVGラッパー内に配置するだけではありません。

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

ロゴ、アイコン、線画、輪郭がはっきりしたイラストが最適です。写真は多くの形状を作成し、様式化された結果になる可能性があるため、プレビューを比較し、写真の詳細が重要な場合は元のラスター画像を保持してください。

PNGの透明度はトレース後も維持されますか?

透明モードは、白いキャンバスを追加することなく、トレースでサポートされている透明領域を保持します。ラスターがベクター形状に変換される際、半透明のエッジピクセルが変化する場合があります。

SVG内のテキストを編集できますか?

目に見える文字はトレースされたベクター形状になります。編集可能なテキストオブジェクトではありません。テキスト認識が必要な場合は「Image to Text」を使用してください。

最終的なトレースがプレビューと異なるのはなぜですか?

プレビューのトレースは長辺が1200ピクセルに制限されていますが、最終的なトレースでは最大2048ピクセルまで使用されます。最終的なトレースの方が、小さなエッジや詳細を保持できる場合があります。SVGは元の画像寸法をそのまま使用します。

広告

言語38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

言語を選択してください。ビデオチュートリアルは現在英語のナレーションを使用しています。