SVG を JPG に
調整可能な品質で SVG を JPG または JPEG に変換します
調整可能な品質、カスタム寸法、選択した単色の背景色で JPEG を作成します。写真スタイルのグラフィックや、SVG ファイルを受け入れない宛先に最適です。
新規ファイルの既定値を編集しています
プレビュー
プレビューはありません。ファイルを追加して選択すると結果が表示されます。
ファイルがありません。上にドロップするか、「ファイルを選択」を押してください。
SVG とは
SVG（Scalable Vector Graphics）は XML をもとにしたベクター画像形式です。ピクセルではなく、図形、パス、塗り、線を数式で表すため、どんなサイズで描画しても品質が落ちません。
SVGはWeb標準のベクター形式です。すべての最新ブラウザでネイティブに表示でき、CSSでの装飾やJavaScript、SMILによるアニメーションにも対応します。ロゴ、アイコン、イラストでは軽量になりやすい一方、複雑なSVGはファイルサイズが大きくなる場合があります。
JPG とは
JPG（JPEG）は非可逆圧縮のラスター画像形式で、写真やグラデーションの多い画像を小さなファイルにまとめます。JPG は透過に対応していないため、透明な部分は指定した背景色で塗りつぶされます。
SVG とラスター形式の比較
ベクター画像（SVG）とラスター画像（PNG、JPG）は用途が異なります。画像を何に使うかによって適した形式が決まります。
| 項目 | SVG | PNG / JPG | ICO / ICNS |
|---|---|---|---|
| 拡大縮小 | 解像度に依存しない | 拡大するとぼやける | 固定サイズで事前に描画 |
| ファイルサイズ | 図形やアイコンは小さい | 解像度とともに増える | 各サイズの画像の集合 |
| 編集 | テキストやベクターツールで編集可 | ピクセル単位の編集のみ | 各サイズを編集して再度まとめる |
| アニメーション | CSS、SMIL、JavaScript | 限定的（APNG / GIF） | 非対応 |
| 透過 | 対応 | PNG は対応、JPG は非対応 | 対応（PNG ベース） |
SVG を JPG に変換するのはどんなとき
透明度が必要なく、コンパクトで広くサポートされているイメージの方がベクター ソースよりも便利な場合は、SVG を JPG に変換します。 JPG は、写真、グラデーション、電子メールの添付ファイル、ソーシャル アップロードに最適です。非可逆圧縮により目に見えるアーティファクトが生じる可能性がある、ロゴ、テキスト、シャープな線画にはあまり適していません。
SVG から JPG：ファイルサイズと品質のバランス
ファイルサイズ
JPG は、圧縮のために画像の詳細を一部犠牲にするため、写真やグラデーションの多いアートワークの場合、PNG よりもはるかに小さくなる可能性があります。ロゴ、テキスト、線画の場合、元の SVG、または多くの場合、PNG または WebP エクスポートの方が、大きなファイルを作成しなくても見栄えがよくなります。
JPG が適しているとき
JPG は、電子メールの添付ファイル、サイズ制限のあるソーシャル メディアのアップロード、ブログ投稿の画像、写真コンテンツなど、ファイル サイズが重要な場合でも透明性は重要ではない場合に最適です。幅広くサポートされており、視覚的な品質とファイル サイズのバランスを選択できます。
JPG ではなく SVG のままにすべきとき
ロゴ、アイコン、イラスト、平坦な色と鮮明な輪郭を持つものは SVG のままにしてください。JPG の非可逆圧縮は硬い輪郭や文字のまわりに目立つリンギングノイズを生みます。まさに SVG が得意な内容です。図形の多いグラフィックでは SVG のほうが小さいのも普通です。
品質とのバランス
JPG 圧縮は不可逆圧縮です。品質を高くすると、より多くの詳細が保持されますが、作成されるファイルは大きくなります。品質が低いと、鋭いエッジやテキストの周囲にリンギングやブロックが発生する可能性があります。 JPG には透明度がないため、シースルーの SVG 領域は、選択した背景色に対して平坦化されます。
SVG を JPG にオンラインで変換する方法
- 1
ファイルをドロップするか「ファイルを選択」を押してキューに追加します。一度に最大 40 件です。
- 2
出力設定（サイズ、DPI、背景、品質、トレースの細かさ）を指定すると、プレビューがその場で更新されます。
- 3
「すべて保存」を押すと結果をダウンロードできます。キューに複数ある場合は 1 つの ZIP になります。
プライバシー：ファイルはブラウザから出ません
変換は、JavaScript および WebAssembly を使用してブラウザーでローカルに実行されます。ファイルのアップロードやサーバー側の変換がないため、追加したファイルはデバイス上に残ります。
ローカル処理は、機密ロゴ、内部文書、未公開のクライアント アートワークを保護するのに役立ちます。ページと変換コードは使用中にキャッシュされるため、すでに開いているツールはネットワーク接続がなくても引き続き動作できます。
よくある質問
JPG の背景が白くなるのはなぜですか？
JPG は透過を保存できないため、SVG の透明な部分は塗りつぶされます。塗りつぶす色を指定するには単色の背景色を選んでください。透過が必要な場合は PNG か WebP で書き出してください。
JPG の品質はどれくらいにすべきですか？
写真や複雑なアートワークの場合は 90 程度から始めて、プレビューとファイル サイズを確認しながら設定を下げます。値を低くすると、作成されるファイルは小さくなりますが、JPG 圧縮は不可逆圧縮であるため、目に見えるブロックや鋭いエッジの周囲にリンギングが追加される可能性があります。
JPG は SVG の出力に向いていますか？
多くの場合、最適ではありません。SVGに多いフラットカラーやシャープな輪郭はJPGが苦手で、文字や線の周囲に圧縮ノイズが出ることがあります。通常はPNGやWebPの方が輪郭をきれいに保てます。JPGは、埋め込みラスター画像など写真要素を含むSVGや、出力先がJPGを指定している場合に適しています。