Command Palette

Search for a command to run...

SV

SVG から JPG 変換ツール

SVG ベクター画像を 1 倍、2 倍、4 倍の JPG にブラウザ上で変換できます。アップロードは不要です

スポンサーToolz.dev を支えるホスティングHostinger Partner
Hostinger でウェブサイトを公開
  • 無料ドメイン
  • 無料 SSL
  • 30日間返金保証
Trustpilot で 4.6(レビュー 73,000 件以上)
特典を受け取る クーポンコード

SVG から JPG への変換ツールとは?

SVG から JPG への変換ツールは、ベクター画像を固定のピクセルグリッドに描画し、その結果を JPG として保存するツールです。SVG は、パス、塗りつぶし、グラデーション、テキストなどの描画命令の集まりで、どんなサイズでも鮮明に表示できます。ただし、ブラウザやデザインアプリ以外では、その命令を読み取れるとは限りません。一方 JPG は、写真と同じ形式のフラットな画像で、印刷サービス、写真専用のアップロード欄、メール、古いオフィスソフトなど、ほとんどの環境で受け付けてもらえます。変換すると、ベクターの拡大縮小に強いという利点は失われますが、どこにでも持ち込めるファイルが手に入ります。

SVG をラスター画像にする他の形式と比べて、JPG には 2 つの特徴があります。1 つ目は、透過に対応していないことです。SVG で何も描かれていない部分はすべて白で塗りつぶされ、塗りつぶしが行われたときはファイル行の下のメモでお知らせします。2 つ目は、非可逆圧縮であることです。品質スライダーは 10% から 100% まで調整でき、初期値は 90% です。エンコーダーが細部をどこまで簡略化してよいかを決める設定で、動かすと追加済みのすべてのファイルが再変換されます。グラデーションやテクスチャの多いイラストは、この圧縮でも問題なく仕上がります。単色どうしがくっきり接するフラットなロゴは、うっすらとしたノイズが出やすいので、品質は高めに設定してください。

描画はお使いのブラウザ標準の SVG エンジンが行うため、デコーダーをダウンロードする必要はありません。サイズは SVG の幅と高さで決まります。mm や pt などの単位は 1 インチ 96 ピクセルで換算し、幅と高さがない場合は viewBox を、どちらもない場合は 1024 x 1024 を使います。最長辺が 512 ピクセル未満の SVG は、まず 512 に合わせて比例拡大され、そのうえで SVG 倍率の設定により 1 倍、2 倍、4 倍が掛けられます。倍率を変えると、追加済みのすべての SVG が再変換されます。各ファイル行の下のメモには、実際に使われたサイズが表示されます。

処理はすべてクライアント側で実行され、ファイルがアップロードされることはありません。SVG は画像として描画されるため、中に含まれるスクリプトは実行されず、URL で参照された画像や Web フォントも読み込まれません。50 MB を超える SVG ファイルは受け付けません。出力が 100 メガピクセルを超える場合や、一辺が 16384 ピクセルを超える場合も同様です。一括変換した結果は 1 つずつ、または ZIP でまとめてダウンロードできます。無料で登録は不要ですが、変換回数には 1 日あたりの上限があります。

SVG を JPG に変換する方法

  1. SVG ファイルを追加する

    「ここに SVG 画像をドロップ、またはクリックしてアップロード」と表示されたボックスに、.svg ファイルをドロップします。SVG は追加された時点で白い背景に描画され、すぐに JPG として保存されます。

  2. 倍率と品質を調整する

    SVG 倍率では、手早くアップロードしたいときは 1 倍、JPG を印刷したり大きく表示したりするときは 2 倍か 4 倍を選びます。ロゴや図表は品質を 90% 以上に保ち、ファイルを軽くしたいときは下げてください。倍率か品質のどちらかを変更すると、追加済みのファイルがすべて再変換されます。

  3. 変換結果を確認する

    各行には、サムネイル、状態、変換前後のサイズと JPG がどれだけ小さく(大きく)なったかを示すサイズ表示のほか、サイズの決め方や白での塗りつぶしに関するメモが表示されます。サムネイルをクリックすると、JPG をピクセルサイズ付きで大きく表示できます。「変換前」に切り替えると、市松模様の背景の上で元の SVG と見比べられます。

  4. JPG をダウンロードする

    1 つのファイルだけ保存するなら、その行のダウンロードアイコンを使います。まとめて保存するには、リスト上部の「すべてダウンロード (n 枚)」を押すと、converted-jpg.zip が手に入ります。

なぜ SVG を JPG に変換するのか?

SVG をラスター画像にするなら、一般的には PNG です。提出先が写真形式のファイルを求めているときや、ダウンロードサイズを小さくしたいときは、JPG を選びましょう。

印刷の注文とグッズ制作

フォトプリンター、ポスター店、オリジナルグッズのサイトでは JPG を求められることが多く、透明な背景が思いどおりに扱われない場合もあります。白い背景に 4 倍で描画した JPG なら、ピクセル数は十分で、絵柄の背後がどう処理されるかを心配する必要もありません。

写真を求めるアップロード欄

アップロード欄の中には、写真用に作られていて、JPG か JPEG しか受け付けないものがあります。商品掲載用の画像、応募ポータル、イベントやチケットのページなどです。手元にあるのがベクターのイラストやデザインしたチラシなら、JPG に変換すればアップロードできます。

細かい絵柄を軽いファイルに

グラデーション、影、テクスチャの多いイラストは、PNG より JPG のほうがずっと小さくなるのが普通です。メールやチャットで送る画像で、透過よりも添付ファイルの軽さが大切なときは、JPG のほうが適したラスター画像です。

SVG と JPG の違いと使い分け

SVG ベクター画像と JPG 画像の比較
SVGJPG
保存する内容図形、パス、テキスト、スタイルを XML で保存します。ピクセルの固定グリッドです。
拡大縮小どのサイズでも鮮明です。拡大するとぼやけたり、ピクセルが目立ったりします。
圧縮プレーンテキストです。Web サーバーで gzip 圧縮されることがよくあります。非可逆圧縮で、品質を指定できます。
透明対応しています。非対応です。このページでは白で塗りつぶします。
一般的なファイルサイズシンプルなロゴなら非常に小さく、複雑な絵柄では大きくなります。ピクセルサイズと画像の細かさに応じて大きくなり、品質を下げると小さくなります。
印刷とアップロードへの対応印刷サービスや写真のアップロード欄では、ほとんど受け付けられません。ほぼどこでも受け付けられます。
向いている用途元データ、Web サイト、編集中のデータ全般。印刷の注文、写真のアップロード、細かい絵柄の軽量版。

ベクター画像の白い背景と JPG の品質

ほとんどの SVG には背景がありません。Web ページでは、ページの色が透けて見えるので問題なく表示されます。しかし JPG では、そのピクセルを何かで埋めなければならず、この変換ツールは白を使います。透明なピクセルがあるかどうかを調べたうえで絵柄の背後に白を敷くので、半透明の縁もギザギザにならず、白へなめらかになじみます。すべてのピクセルがすでに塗られている絵柄には、塗りつぶしに関するメモは表示されません。

この塗りつぶしには落とし穴があります。白で描かれた絵柄です。暗い背景用の白いロゴや、透明な SVG に置いた白い文字は、白い JPG の上に乗ってしまい、消えたように見えます。ファイルが壊れているわけではありません。変換する前に、下のヒントのように SVG に専用の背景を付けてください。

もう 1 つ決めることが品質です。JPG は画像を小さなブロックに分けて符号化し、ブロックごとに細部を近似します。写真やなだらかなグラデーションでは、その影響が目立ちません。いちばん苦手なのはフラットなロゴです。単色どうしの鋭い境目は、エンコーダーがなめらかにしてしまう細部そのもので、周囲にかすかなノイズが残ります。対策は 2 つあります。品質設定を上げることと、倍率を大きくすることです。倍率を上げると、境目が画像全体に占める割合が小さくなります。行のサイズ表示が思ったより大きい場合は、品質を少しずつ下げてください。変更するたびにファイルが再変換されるので、そのつど新しいサイズとプレビューを見比べられます。

プライバシーとセキュリティ

  • SVG の描画と JPG へのエンコードは、内蔵のレンダラーによって、このブラウザのタブ内で行われます。ファイルがお使いの端末の外に出ることはありません。
  • SVG は画像として読み込まれるため、中のスクリプトは動作せず、SVG に書かれた外部 URL へのリクエストも行われません。
  • 1 日の上限チェックで送信されるのは、ツール名とデバイス識別子、そしてログインしている場合のアカウントトークンだけです。SVG のマークアップは含まれません。
  • 一括変換の後にページが記録するのは、変換したファイル数、合計バイト数、出力形式だけです。
  • 上限チェックでサーバーに接続できなくても、変換は実行されます。
  • 変換した JPG は、削除するか、「すべてクリア」を押すか、ページを閉じるまで、タブのメモリに保持されます。

主な特長

  • 1 倍、2 倍、4 倍で出力

    同じ SVG を等倍、または 2 倍、4 倍のピクセル数で描画できます。アップロードや印刷に便利です。

  • きれいな白の塗りつぶし

    絵柄の背後の透明な部分は白で塗りつぶされるため、やわらかい縁もなめらかになじみます。塗りつぶしが行われた場合はメモでお知らせします。

  • 品質の調整

    スライダーでJPGの画質を10%から100%の範囲で指定できます(初期値は90%)。指定した画質はまとめて変換するすべてのファイルに適用され、追加済みのファイルもスライダーを動かすたびに変換し直されます。

  • 小さなSVGも実用的なサイズに

    最長辺が512ピクセル未満のアートワークは、拡大率を掛ける前に縦横比を保ったまま拡大されます。

よくある質問

SVGファイルをこのページにドロップし、行に「完了」と表示されたらJPGをダウンロードしてください。ブラウザーが各SVGを白い背景に描画し、ファイルを追加するとすぐJPGとして保存します。拡大率や画質を変えたときも自動で変換し直します。結果は1件ずつでも、ZIPにまとめてでもダウンロードできます。

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

svg to jpgsvg to jpegconvert svg to jpgconvert svg to jpegsvg to jpg converterfree svg to jpg convertersvg to jpg high resolutionsvg to jpg white backgroundsvg to jpg for printbatch convert svg to jpg