PNG → SVG · アップロードなし

PNGからSVG ビットマップ入力。 ベクター出力。

Morph は imagetracerjs を実行します — 1000 のデザインパイプラインを支えるオープンソースのラスターからベクターへのトレーサー — あなたのブラウザタブで直接動作します。PNG をドロップし、SVG を選択して、編集可能なベクターパス を取得します。アップロードなし、キューなし、制限なし。デバイス上で動作するすべての機能は無料です。AI はクレジットで支払います。

01
TRACE

imagetracerjsはあなたのタブで実行されます — 画像エディターエンジン、MITライセンス、約20 KB。

ピクセル領域を読み取り、エッジを検出し、Bezierパスに適合させ、SVGを書き出します。多くのデザインツールワークフローを支える同じライブラリです。ロゴ、アイコン、UIスクリーンショット、フラットカラーの領域と明確なエッジを持つ線画に最適です。

ツールを開く
デバイス上で実行 · 無料 · アカウント不要

実際に何ができるのか

02
編集

任意のベクターエディターで編集可能

出力は実際のSVGパスです — ラスタ化されたラッパーではありません。すべてのストロークが選択可能、拡大縮小可能、色を変更可能です。

03
SCALE

無限解像度

ベクターゲオメトリ — どのサイズでもピクセル化しません。

04
プライバシー

ローカルのみのトレース

ロゴは決してあなたのマシンから離れません。

仕組み

  1. どの現代のブラウザでも morph.cool を開けば、アカウントやインストールは必要ありません。
  2. .pngをドロップゾーンにドラッグするか、バッチトレーシング用にフォルダを選択してください。
  3. フォーマットメニューからSVGを選択します。
  4. imagetracerjsはローカルで実行されます — リージョンを検出し、Bezierパスを適合させ、SVGを書き出します。
  5. ダウンロード。Morphのベクターエディター、任意のベクターエディタ、または直接ブラウザで開きます。
0%アップロード
16+画像形式

人々がこの変換を必要とする理由

ほとんどのロゴはPNG形式で届きます。ほとんどの印刷店、刺繍機、レーザーカット機、ビニールプロッター、デザインシステムはベクター形式を必要としています。送信されたものと次の表面が必要とするものの間のギャップは、すべてのPNGからSVGへのトレーサーが販売されてきたものです。実際のトレーシングアルゴリズム — カラー量化 → ラインフィット → ベジェ近似 — は数年前からオープンソースで公開されています。imagetracerjsは最も優れた公開実装の1つで、MITライセンス、約20KB、ブラウザ内で完全に動作します。Morphはそれをきれいなドロップゾーン、スマートデフォルト、ゼロアップロードプライバシーでラップします。ロゴはサーバーに触れないままです。

アップロードサイトがまだ勝っている場面

複雑な多色ブランドマークをピクセル単位で再現するためには、デザイナーがベクターソフトウェアで再描画する方が常に最適です。完璧さが1時間50ドルのデザイナータイムよりも重要であれば、デザイナーを雇いましょう。フラットなアイコン、UIスクリーンショット、きれいな線画、または素早いロゴ再現のためのトレースには、Morphはタブをリフレッシュするコストで90%のところまで持って行きます。

よくある質問

写真にも対応しますか?

ある程度は可能です。ビットマップトレーシングは、ロゴ、アイコン、ラインアート、UIのスクリーンショット、フラットな色領域と鋭いエッジを持つものに非常にうまく機能します。連続的なグラデーション(肌の色、空、木々)を含む写真は、数千の小さなポリゴンにトレースされ、SVGがメガバイト単位で肥大化します。

品質のトレードオフは何か?

ビットマップトレーシングは魔法ではありません。Morphはほとんどのロゴやアイコンをきれいに処理するバランスの取れた品質設定をデフォルトで使用します。出力は任意のベクターソフトウェアで編集可能 — Morphのベクターエディターを含みます — そして無限にスケーラブルです。ピクセル単位のロゴ再作成には、デザイナーがベクターソフトウェアで再描画する方が常にトレーサーを上回ります。

Morphはどのライブラリを使用していますか?

imagetracerjs — 画像をSVGに変換するオープンソースのラスターツールで、多くのデザインツールワークフローを支えています。MITライセンス、約20 KBの圧縮サイズ、すべてブラウザ内で実行されます。

フォルダ全体を一括処理できますか?

はい。ロゴのフォルダ、50個のアイコン、200枚のスクリーンショットをドロップできます。無料トライアルにはバッチ制限がありません。制約はデバイスの利用可能なメモリのみです。

iPhoneまたはiPadで動作しますか?

はい — Safari on iOS は imagetracerjs ライブラリと Canvas 解読を完全にサポートしています。PNG をドロップし、SVG を選択して Files にダウンロードします。トレーシングは iPhone 上でローカルで実行され、サーバーにアクセスすることはありません。

Open 画像エディター
Open the Image Editor
Nothing leaves your device · Free for what you make, credits for what we run