PNGをSVGに変換

PNGをSVGに変換するときに行う処理

PNGは固定されたピクセル格子に色と透明度を記録します。その格子を大きくすると、やがてぼけや四角い輪郭が目立ちます。SVGはパス、塗り、座標で図形を記述するため、対応ソフトで異なるサイズに描き直せます。

VectorizeThisはPNGの中の領域を見つけ、その境界をたどってSVGパスとして書き出します。ファイル名を.pngから.svgへ変更するだけでは、この図形は作れません。画像をトレースし、再構成する必要があります。

PNGからSVGへのトレースに適した画像

領域が明確なフラット画像は、最もトレースしやすい画像です。ロゴ、インターフェースのアイコン、シルエット、図形化された文字、線画は、比較的少ないパスで表せることがあります。輪郭が明確な鮮明な元画像なら、アンチエイリアスやノイズが不要な図形になる可能性も抑えられます。

写真、グラデーション、質感のある画像、ぼかした影、非常に小さなPNGには、より多くの解釈が必要です。多くの色やパスを持つ、大きなSVGになることがあります。VectorizeThisは適した設定を比較しますが、元画像にない細部をトレースで復元することはできません。

PNGの透明部分を保つ、または背景を削除する

PNGはアルファチャンネルを持てるため、画像がすでに透明なキャンバス上にある場合があります。その透明部分はベクター出力でも透明なままです。不透明で単色の背景がある場合は、VectorizeThisがつながった背景領域を検出し、残すか削除するかを設定できます。

背景削除を使うときは、その都度プレビューを確認してください。淡い画像、影、背景に近い色では境界の判断が難しくなることがあります。元のPNGは処理中も変更されません。

最終用途に合わせてSVGを仕上げる

適した出力はSVGの用途によって異なります。Web画像ではレスポンシブな寸法と簡潔なマークアップが役立ちます。ロゴには整った曲線と使いやすい色領域が必要です。Cricut、レーザーカット、押し出しのワークフローでは、閉じた図形、扱いやすい複雑さ、実寸がより重視されます。

変換前に用途を選び、該当するルールとチェックを適用してください。トレース後は両方のプレビューを比較し、通知を確認して、SVGをダウンロードする前に使用可能な設定を調整します。

画像に合う色とSVGを選ぶ

パレットの色数は、白を含み、透明部分を除いた、見えているSVGの色で数えます。パレットや結果が1つなら追加の選択手順は省略されます。クリックすると選択を適用します。キーボードでは矢印キーで候補を強調し、Enterで確定します。「選択を変更」で比較画面を開き直せます。広いグレースケールや不透明度の領域は、1つの二値マスクにまとめず、別々の色として残ることがあります。

しきい値、平滑化、円、切り抜き、元画像と位置を合わせたズームについては、設定リファレンスをご覧ください。