画像をSVGに変換

画像をSVGに変換すると何が変わる？

PNG、JPG、WebP、AVIF、BMPは、固定されたピクセルの格子で画像を保存します。その格子を拡大すると、やがてぼけや四角いピクセルが目立ちます。SVGは座標で図形を記述するため、対応ソフトが異なるサイズで描き直せます。

VectorizeThisは元の画像内の領域を見つけ、その境界をトレースしてSVGパスにします。ファイル名の拡張子を.pngから.svgに変えるだけではできません。画像を図形として再構成する必要があります。

画像に合うトレースを選ぶ

フラットなアイコンは、少数のパスと色だけで表せることがあります。写真では、見分けられる細部を保つために、通常は多くの領域が必要です。VectorizeThisは元画像を解析して内容に適したトレース方法を比較します。用途の選択では、完成したファイルの使い道を指定します。

結果は後から調整できます。単純化は曲線を元画像にどの程度近づけるかに関わり、色の設定は領域の数や見た目を変えます。背景設定では背景を残したり、十分に均一な背景を削除したりできます。

Web、編集、加工向けにSVGを仕上げる

すべての用途に同じトレースが適するわけではありません。Web用SVGではレスポンシブな寸法と簡潔なマークアップが役立ちます。ロゴでは整った曲線と使いやすい色領域が重視されます。カットや押し出しでは、閉じた図形、扱いやすい複雑さ、読み込み先が解釈できる実寸が必要です。

変換前に用途を選んでください。VectorizeThisは該当する出力ルールを適用し、検出できた図形の問題を表示します。実際の加工結果は、ダウンロード後に使う機械、素材、設定にも左右されます。

使用前にSVGを確認する

ラスター画像のトレースは元画像の解釈です。圧縮の乱れ、ぼかした影、質感、ぼけ、非常に小さな細部は、余分なパスや輪郭の不明瞭さにつながることがあります。領域がはっきり分かれた鮮明な画像なら、境界を追いやすくなります。

2つのプレビューを比較し、SVGを拡大してください。下に表示されるチェック結果を確認し、形、色、背景を変えたい場合は使用可能な設定を調整します。完成したマークアップはコピー、またはSVGファイルとしてダウンロードできます。

画像に合う色とSVGを選ぶ

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

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