JPGをSVGに変換

JPGはピクセルの格子で、SVGは図形を記述する形式なので、ぼやけることなくどんなサイズにも拡大できます。一方から他方へ変換するには、トレースが必要です。似た色の領域の輪郭を見つけて、なめらかなベクターパスに変えることです。ロゴ、サイン、スタンプ、アイコン、鉛筆のスケッチにはとてもよく合い、写真ではポスターのような様式化された結果になります。トレースはすべてブラウザー内で実行され、ファイルは端末の外に出ません。

使い方

1. JPGを選びます（PNGとWebPも使えます）。
2. 線画には白黒を使ってしきい値を設定し、平らな色が数色のロゴにはカラーを使います。
3. 輪郭がカクカクしすぎたり丸すぎたりする場合は、ディテールとなめらかさを調整します。
4. .svgをダウンロードして、ブラウザー、Inkscape、Illustrator、Figmaで開きます。

計算式

ノイズ除去（3 × 3メディアン）→ ピクセルの分類（しきい値、またはk-meansの色）→ ピクセルの境界をたどる → Douglas–Peucker法で簡略化 → 2次ベジェ曲線（なめらかさの角度より鋭い角は維持）。

JPEG圧縮は、輪郭のまわりにうっすらとしたブロックや縁取りを残します。クリーンアップをしないと、これらはSVGの中で何百もの小さな点になりますが、メディアンフィルターは輪郭をくっきり保ったままそれらを取り除きます。カラーモードでは、隣り合う図形の間に髪の毛のような隙間ができないよう、レイヤーは最も明るいものから暗いものへと重ねられます。

計算例

白い紙の上のサインを写した1200 × 800の写真を、白黒モード、しきい値128、ディテール標準で変換すると、画像は1000 × 667pxでトレースされ、紙は透明になり、インクは1つのパスの中の塗りつぶした図形になります。通常は数KBから数十KBの小さなSVGで、大きく印刷してもくっきりしています。