PNGやJPGのアートワークを本物のSVGパスに変換する方法.

「画像からSVG」を開き、PNG、JPG、またはJPEGのアートワークをアップロードします。ロゴ、アイコン、エッジがはっきりしたフラットなイラストが適しています。写真はトレース可能ですが、結果は忠実な写真の再現ではなく、形状の簡略化された集合体になります。

「ロゴ」、「イラスト」、「線画」から選択します。「ロゴ」はコンパクトなパレットから、「イラスト」はより多くの色と詳細から、「線画」は白黒トレースから始まります。プリセットは複数のコントロールを一括設定し、後から調整可能です。

「カラー」モードでは、「色数」は2から32色まで指定可能です。「詳細」は1から5の範囲です。「エッジと背景の調整」を開くと、「曲線の滑らかさ」、「小さな斑点の除去」、「背景」の設定が可能です。詳細を増やすとパス数が増加し、クリーンアップを行うとデザインに必要な点まで削除される場合があります。

コントロールを変更した後は「プレビューを更新」を選択してください。「オリジナル」、「ベクター」、「比較」を使用でき、「比較」には移動可能な仕切りがあります。この例では「ロゴ」プリセットを使用し、8色に設定して他のデフォルト値を使用しています。ダウンロードしたSVGには14個のパスが含まれています。比較で示されているように、パレットの削減により一部の花の色が変化します。

「透明度を保持」を使用したカラートレースは既存の透明領域を保持しますが、不透明な背景は削除しません。白黒トレースは暗い形状を保持し、明るい領域を透明にします。不透明な白いキャンバスにするには「白」を選択してください。

「開始」を選択します。1つの入力からはSVGが生成され、バッチ処理からはZIPが生成されます。設定はすべての入力に適用されるため、ソースごとに異なる処理が必要な場合は各サムネイルを確認してください。

この例では640 x 640のキャンバスを保持し、サイズは12,938バイトです。実際のSVGをベクターエディタで開き、パスと塗りを確認してください。文字は編集可能なテキストではなくアウトラインになります。トレースでは元のフォント、レイヤー、デザインファイルを復元できません。

プレビューのトレースには長辺で最大1200ピクセルが使用されます。最終変換では最大2048ピクセルまでトレースし、元のSVGの寸法とviewBoxを保持します。そのため、大きなソースでは最終ファイルで細かいディテールが異なって見えることがあります。