メインコンテンツへスキップ

SVG を JPG に変換

SVG ベクターを好きな解像度で JPG にラスタライズ。どんなサイズでも鮮明、すべてブラウザ内で処理します。

92

SVG → JPG 変換とは?

このツールは SVG(ベクター)を JPG のビットマップにラスタライズします。SVG は数式のパスで表され無限に拡大できるので、先に出力サイズを選べばどんな解像度でも鮮明です。処理はすべてブラウザ内で行われ、アップロードしません。JPG(JPEG)は透過に非対応の非可逆圧縮フォーマットで、写真を小さなサイズに圧縮できます。カメラや Web 写真で最も一般的ですが、保存のたびに少しずつ画質が失われます。

使い方

  1. SVG ファイルを選ぶかドロップします(複数可)。
  2. 出力幅を選びます(高さは縦横比から自動計算)。
  3. 「ダウンロード」で JPG を保存。複数ファイルは zip でまとめられます。

なぜ先にサイズを選ぶのか

SVG 自体には固定のピクセルがないため、JPG のようなラスター形式へ変換するときは「何ピクセルで描くか」を決める必要があります。アイコンにありがちな内蔵の小さいサイズ(24×24 など)のまま変換すると、小さくぼやけた結果になります。先に大きめの幅を選んでからラスタライズすることで鮮明な高解像度になります——「svg to jpg 高画質」に本当に必要なのはこれです。

ベクターを JPG に:透明は消え、輪郭はにじむ

SVG はたいてい切り抜きのアイコン・ロゴ・線画で、JPG がもっとも苦手とする種類の画像です。二つの落とし穴があります。

  • JPG は透明に非対応で、透明だった背景は白で塗りつぶされ、切り抜きロゴは白い箱の上に乗ってしまいます。
  • JPG は非可逆で写真のグラデーションは得意ですが、SVG の鋭い輪郭やベタ塗りでは、圧縮で線のまわりに汚れたようなノイズ(リンギング)が出やすくなります。

ですから「白背景の、どんな旧システムにも入る写真風ファイルがどうしても欲しい」のでない限り、アイコンや線画は PNG に変換しましょう(透明を保ち、輪郭もきれい)。JPG が向くのは、中身がもともと写真的で透明が不要な SVG だけです。

よくある質問

SVG はアップロードされますか?

いいえ。変換はすべてブラウザ内で Canvas により行われ、SVG がサーバーに送信・保存されることはありません。

SVG を JPG にしてもぼやけませんか?

はい、大丈夫です。SVG はベクターで無限に拡大できるため、先に大きめの出力幅(1024 や 2048px など)を選んでからラスタライズすれば、鮮明で高解像度の JPG が得られます。

どのサイズを選べばいい?

favicon やアイコンは 256〜512px、一般的な Web 画像は 1024px、印刷や大きな図には 2048px 以上がおすすめです。大きいほど鮮明ですが、ファイルも大きくなります。

JPG の背景が白くなるのはなぜ?

JPG は透過に非対応のため、透明部分は白い背景で塗りつぶされます。透過が必要な場合は PNG か WebP に変換してください。

関連記事

SVG を PNG に変換する方法と、解像度の選び方 →

このツールを埋め込む

このツールをあなたのサイトやブログに無料で設置できます。下のコードをコピーして貼り付けるだけです(当サイトへのリンクを含みます)。