JPG → SVG 変換とは?
このツールは JPG(ラスター画像)を SVG にベクター化します——数式のパスで図形を描き直し、どんなサイズでも劣化しません。トレースはすべてブラウザ内で行われ、アップロードしません。SVG は数式のパスで図形を表すベクター形式で、どんなサイズに拡大しても劣化せず、ファイルも通常とても小さくなります。ロゴやアイコン、平面的なイラストに最適です。
使い方
- JPG 画像を選ぶかドロップします。
- 詳細度を選びます(高いほど元画像に近く、ファイルは大きく)。
- 「ダウンロード」を押して SVG を保存します。
得意なケースと不得意なケース
得意:ロゴ、アイコン、線画、色数の少ない平面イラスト——きれいにトレースでき、拡大しても美しいです。不得意:写真や複雑なグラデーション——大量の乱雑なパスになり、ファイルも大きく仕上がりも良くありません。その場合は PNG や WebP のままがおすすめです。
描く前に、JPG をきれいに整える
JPG はもともとトレースに向かない素材です。多くは写真で、しかもどの JPG にも圧縮時の細かいノイズが残っています。人の目にはほとんど見えない斑点でも、トレースエンジンはそれを一つひとつ形として描こうとするため、結果はバラバラで乱雑なパスの山になり、ファイルは重く見た目も悪くなります。きれいなベクターにする鍵は、元画像を単純にしておくことです。
- まず背景を切り取り、ロゴや線画の本体だけを残します。複雑な写真をトレースさせないのがコツです。
- コントラストを上げて線と地の境目をはっきりさせると、ノイズも自然に抑えられます。
本当に写真なら無理せず、JPG や PNG のままにするのが正解です。
写真にこれを使わないでください —— 私たちの計測がそう言っています
3 つのテストファイルすべてを通しましたが、結果はこのツールを写真に使うことを支持しません。イラストは 25.6 KB → 198.0 KB(+672%)で既に高価。スクリーンショットは 45.2 KB → 302.1 KB(+568%)。そして写真は 330.2 KB → 7.49 MB(+2224%)。トレースは色の近い領域を 1 本のパスに変える仕組みですが、写真には「領域」がありません。各ピクセルが隣とわずかに違うため、トレーサーは何万本ものパスを出すしかないのです。数十倍のファイルサイズを払って、元より不鮮明な画像を得ることになります。この変換が本当に向くのは幾何形状です。ロゴ、アイコン、わずかな単色で構成されたイラスト。元が写真なら、必要なのはリサイズか圧縮で、ベクター化ではありません。