Tracing groups the colours and turns each area into a filled shape. It does not recover an original vector design: logos and flat artwork trace cleanly, photos give large, blotchy SVGs.
Files (0)
No files yet
Add files and they convert right away. Change a setting and they convert again.
Built with open source libraries. Licenses
PNGからSVGへのコンバーターとは何ですか?
PNGからSVGへのコンバーターは、ラスター画像を塗りつぶされたベクター形状にトレースします。オリジナルのベクターデザインを復元しません。形状はピクセルから再構築されるため、エッジは近似値です。ロゴ、アイコン、ラインアート、および色の少ないその他のフラットアートワークは適切にトレースされます。写真がそうではありません。それらは、最初に起動した PNG よりもはるかに大きい、何メガバイト、場合によっては数十メガバイトになる可能性がある、大きくて斑点のある SVG に変わります。
2 つの形式の違いが、これがまったく価値のある理由を説明しています。 PNG はピクセルの固定グリッドを保存するため、拡大するとエッジがブロック状になります。 SVG はパスとして記述され、色で満たされたアウトラインを保存します。ブラウザまたはデザイン アプリは、任意のサイズできれいに再描画します。トレースされた SVG は、Web ページにアクセスしたり、ベクトル エディターで再着色したり、アウトラインから動作する切断機やレーザー彫刻機で読み取ることができます。
トレースは2 つのステップで行われます まず画像は小さなパレットに縮小されます 色の下で選んだ数です 次にトレーサーは同じ色の全ての領域の端を歩き 直線や曲線にフィットし 1領域あたり1 つの塗りつぶされた経路を生成します また各パスは独自の色で1 ピクセルの輪郭を得ます これにより、隣接する図形の間に現れるヘアラインの隙間が閉じます。
2 つの設定で結果が形作られます。 colors is 2, 8 (the default) or 16. detail is Low, Medium (the default) or High: Lowは最初に画像を少しぼかし、緩い曲線をフィットさせ、スペックより小さい図形をドロップして、よりシンプルで小さなファイルを与えますが、Highはピクセルを厳密に追従し、小さな図形を保持します。 other設定トレースを再度追加するたびに変更し、各行はPNGサイズの隣に新しいSVGサイズを示すため、ダウンロードする前に設定を比較できます。
トレースは、最初のファイルを追加した場合にのみダウンロードされるimagetracerjsを使用してバックグラウンドWeb Workerでクライアント側で実行されるため、ページの応答性が維持され、画像はアップロードされません。両側の1200ピクセルを超える画像はトレース前に縮小されるため、ジョブは数秒で終了し、SVGは元の幅と高さで開くように設定されます。 2分以上かかるトレースは、より少ない色またはより低い詳細を示唆するメッセージで停止されます。最大100メガピクセルのPNGが受け入れられ、透明な領域はシースルー形状になり、ツールは無料で、登録もできません。コンバージョンには毎日上限があります。
PNGからSVGに変換する方法
PNG ファイルを追加します
PNG画像をボックスにドロップするか、クリックしてアップロードします。一度にいくつかのファイルで問題なく、追加されるとすぐにそれぞれがトレースされます。ロゴ、アイコン、フラット グラフィックが最もきれいな結果をもたらします。
色と詳細を設定します
白黒のアートワークには 2 色、ほとんどのロゴには 8 色、シェーディングされたグラフィックには 16 色を選択します。中程度の詳細から始めます。いずれかの設定を新しい値を使用してすべてのファイルに再度トレースします。
トレースを確認
各行には、トレースされた SVG がサムネイルとして表示され、そのステータスと、前後のサイズと SVG がどれだけ小さいか大きいかのサイズ線が表示されます。サムネイルをクリックして SVG を大きく開き、前と後の間で切り替えます。エッジがゴツゴツしているように見えたり、ファイルが大きすぎる場合は、設定を変更してもう一度見てください。
SVGファイルをダウンロードします
行のダウンロード アイコンを押してその SVG を保存するか、リスト ヘッダーのダウンロードすべてを押してバッチを converted-svg.zip として保存します。
なぜPNGをSVGに変換するのか?
画像が単純で、スケーリングしたり、輪郭として読まれたりする必要がある場合は、トレースする価値があります。写真の場合は、PNG を保持してください。
PNGとしてのみ存在するロゴ
元のベクトルファイルはしばしば失われ、残るのはウェブサイトや電子メールの署名から引き出されたPNGだけです トレーシングを使用すると、バナーや印刷ジョブ用にスケーリングするSVGが得られます ブロックエッジのない曲線や小さなテキストは、デザイナーのファイルからコピーされるのではなくピクセルから再構築されるため、厳密にチェックします。
切断機、彫刻家、刺繍ソフトウェア
ビニールカッター、レーザー彫刻機、および多くの工作工具は、ピクセルではなく経路をたどります。シルエット、ステンシル、またはモノグラムの 2 色のトレースにより、各暗い領域が機械が切り取ることができる閉じた形状に変わります。
ウェブ用のアイコンとイラスト
SVG にトレースされたフラット アイコンは、高密度画面でも鮮明なままであるため、CSS で再着色できます。後で設定されたサイズのピクセル バージョンが必要な場合は、[SVG を PNG に戻す] (/tools/svg-to-png)。
PNG とトレースされた SVG: どちらを使用するか
| png | トレースド SVG | |
|---|---|---|
| 格納するもの | ピクセルのグリッド. | それらのピクセルからトレースされた塗りつぶされた図形 元のベクトル設計ではありません。 |
| スケーリング | 拡大するとブロック状またはぼやけます. | 任意のサイズできれいに再描画します. |
| 色 | 何百万もの、滑らかな勾配があります。 | 2、8 または16 の平らな色 グラデーションはバンドになります。 |
| 透明度 | フルアルファチャンネル. | シースルー形状としてトレースされた透明な領域。 |
| ロゴとアイコン | 保存したサイズで大丈夫です。 | よい適合: きれいな端、着色すること容易. |
| 写真 | フィット感が良く、通常はファイルも小さくなります。 | フィット感の悪さ: 大きくて斑点のある SVG、場合によっては数十メガバイト. |
| 編集 | Pixel editors. | ベクトル エディター、切断および彫刻ソフトウェア、コード。 |
色と詳細がトレースをどのように変更するか
すべての設定は、SVG の外観がどれだけ忠実であるか、および SVG に含まれるシェイプの数の間の交換です。シェイプが増えると、より大きなファイルとベクトル エディターでのクリーンアップが増えます。
色: 2、8、または 16
画像は、トレースする前に、この多くの色に縮小されます.2 色は、白黒のロゴ、ステンシル、署名とラインアートに合います.8 は、いくつかのブランドの色といくつかのアンチエイリアスエッジを持つほとんどのフラットロゴを処理します.61 は、より多くのシェーディングを保持します, すべてのソフトエッジに沿ってより多くの小さな形の価格で.
詳細: 低、中、高
低ディテールは画像をわずかにぼかし、曲線を緩くフィットさせ、小さな形状を捨てます。これにより、滑らかな輪郭と小さなファイルが得られます。中程度は約ピクセル内の曲線に適合します。高はピクセルに厳密に従い、小さな形状を保持するため、細いストロークを維持しますが、ノイズも検出します。
写真が間違っている理由
写真はどこにでも緩やかなグラデーションと質感があるので、16 色でも何千もの不規則なパッチに分かれます。各パッチは独自の座標を持つパスになり、SVG はポスター化されたコピーのように見えながら PNG の何倍ものサイズになることがあります。これはトレースの限界であり、修正できる設定ではありません。
プライバシーとセキュリティ
- PNG は、バックグラウンド ワーカー内のこのブラウザ タブ内でデコードおよびトレースされます。画像は決してアップロードされません。
- imagetracerjs ライブラリは、最初のファイルを追加した場合にのみこのサイトからロードされます。
- SVG はトレースされたパスのみから構築されており、スクリプト、リンク、または元の PNG の埋め込みコピーはありません。
- 毎日の使用量チェックでは、ツール名、デバイス識別子、サインイン トークンをお持ちの場合はサインイン トークンが送信されます。画像データは含まれません。
- バッチ後、ページはファイル数、合計バイト数、出力形式をログに記録しますが、ファイル名やピクセルは記録しません。
主な機能
2、8、または 16 色
白黒のアートワークから陰影のあるフラット グラフィックまで
低、中、高のディテール
スムーズでコンパクトな輪郭、または小さな形状のクローズトレース
ギャップフリー形状
すべての形状の薄い一致アウトラインは、色の間の縫い目を隠します
SVG プレビューとファイル サイズ
ダウンロードする前にトレースされた結果とその重みを確認し、設定を変更するたびに更新されます
Frequently Asked Questions
Related Tools
JPG to SVG Converter
Trace a JPG logo, scan or signature into an SVG of filled shapes with 2, 8 or 16 colors. It does not recover the original vector design, and photos give large, blotchy SVGs
SVG to PNG Converter
Convert SVG vector graphics to PNG at 1x, 2x or 4x in your browser, no upload needed
PNG to PDF Converter
Put PNG screenshots and graphics into one PDF without losing detail, one page per image, in your browser
SVG to PDF Converter
Put SVG graphics onto PDF pages as images at 1x, 2x or 4x resolution, one page per file, in your browser
Comments
0 comments
No comments yet. Be the first to share your thoughts!