SVG → JPG 変換とは?
このツールは SVG(ベクター)を JPG のビットマップにラスタライズします。SVG は数式のパスで表され無限に拡大できるので、先に出力サイズを選べばどんな解像度でも鮮明です。処理はすべてブラウザ内で行われ、アップロードしません。JPG(JPEG)は透過に非対応の非可逆圧縮フォーマットで、写真を小さなサイズに圧縮できます。カメラや Web 写真で最も一般的ですが、保存のたびに少しずつ画質が失われます。
使い方
- SVG ファイルを選ぶかドロップします(複数可)。
- 出力幅を選びます(高さは縦横比から自動計算)。
- 「ダウンロード」で JPG を保存。複数ファイルは zip でまとめられます。
なぜ先にサイズを選ぶのか
SVG 自体には固定のピクセルがないため、JPG のようなラスター形式へ変換するときは「何ピクセルで描くか」を決める必要があります。アイコンにありがちな内蔵の小さいサイズ(24×24 など)のまま変換すると、小さくぼやけた結果になります。先に大きめの幅を選んでからラスタライズすることで鮮明な高解像度になります——「svg to jpg 高画質」に本当に必要なのはこれです。
ベクターを JPG に:透明は消え、輪郭はにじむ
SVG はたいてい切り抜きのアイコン・ロゴ・線画で、JPG がもっとも苦手とする種類の画像です。二つの落とし穴があります。
- JPG は透明に非対応で、透明だった背景は白で塗りつぶされ、切り抜きロゴは白い箱の上に乗ってしまいます。
- JPG は非可逆で写真のグラデーションは得意ですが、SVG の鋭い輪郭やベタ塗りでは、圧縮で線のまわりに汚れたようなノイズ(リンギング)が出やすくなります。
ですから「白背景の、どんな旧システムにも入る写真風ファイルがどうしても欲しい」のでない限り、アイコンや線画は PNG に変換しましょう(透明を保ち、輪郭もきれい)。JPG が向くのは、中身がもともと写真的で透明が不要な SVG だけです。
透過がない唯一の出口 —— その白い箱はどこで噛みつくか
数値上はこれが中間です。574 B → 13.2 KB(+2262%)。PNG の 17.9 KB より小さく、WebP の 6.6 KB より大きい。しかし決め手はサイズではなく、透過を不透過に変えてしまう点です。SVG は背景色を持たないことが多く、JPEG にはアルファチャンネルがないため、下が透けていた部分は単色で塗りつぶされます。これは 3 か所で噛みつきます。ダークテーマのページ(図の周りに白い箱)、白でないスライド、そして写真に重ねる透かしやアイコン。JPEG の第 2 の性質もこの内容に不利です。連続階調のために設計されており、ベクター画は通常広い単色と硬い縁 —— まさに JPEG がリンギングを残す場所です。白地に載ると分かっていて「貼れる」画像が欲しいだけでなければ、WebP か PNG のほうが良い選択です。