PNG・JPG画像をSVGに変換（ベクター化）

PNG・JPGとSVGの違い

PNGやJPGはラスター画像、つまりピクセルの集まりです。拡大するとぼやけたり、ギザギザになったりします。SVGはベクター画像で、曲線、輪郭、塗りの色といった「形」を記述しているため、ハンコから垂れ幕まで、どんな大きさにしてもくっきりしたままです。ベクター化とは、画像の中の同じ色の領域を見つけて、その輪郭をなぞる処理です。色数が少なく輪郭がはっきりしたロゴ、アイコン、線画、文字には最適ですが、写真にはあまり向きません。グラデーションがベタ塗りに置き換わるため、忠実なコピーというより、ポスターや絵画のような仕上がりになります。

Cricut、シルエットカメオ、レーザー彫刻用のSVGを作る

カッティングマシンはファイルの輪郭に沿って動くため、単色で、小さなゴミのないくっきりした形が必要です。プリセットは「白黒」を選びましょう。しきい値に応じて各ピクセルが黒か白になり、黒い部分だけが透明な背景の上に残ります。細い線が消えてしまうならしきい値を上げ、グレーの影が黒いシミになるなら下げます。「小さなゴミを除去」を大きくすると細かなチリが消え、なめらかさを上げると曲線が整います。暗い背景に明るい図柄なら「反転」にチェックを入れます。Cricut Design Spaceで.svgファイルを読み込めば、黒い形の一つひとつがカットまたは彫刻する領域になります。

きれいにベクター化するコツ

できるだけ鮮明な画像から始めましょう。幅500ピクセルのロゴは、ぼやけた100ピクセルのサムネイルよりずっときれいな輪郭になります。色数は必要最小限に。3色のロゴに背景なら、4〜5色に設定します。色が1つ増えるごとにパスが増え、ファイルも重くなります。「透明な背景」にチェックを入れると、画像の縁の色（たいていは白い背景）が自動で取り除かれます。写真の場合、プリセットは処理サイズを640ピクセルに制限しますが、それでもSVGは数百KBになりやすく、絵画のような見た目になります。最後に、拡大PNGを使えば、2倍や4倍の高解像度版をドット感なしで作れます。