Picovert

SVGをJPGに無料で変換する4つの方法

Picovert チーム著2026-05-144分で読了

SVGはベクター形式で、図形とパスを数学的な命令として保存するため、拡大しても鮮明さを保ちます。 JPEGはラスター形式で、ピクセルを保存し、あらゆる画像ビューアー、メールクライアント、 ソーシャルプラットフォームで幅広く対応しています。SVGをJPGに変換するとは、ベクターを 固定ピクセルサイズでレンダリングし、JPEG形式で保存することを意味します。 無料で行う4つの方法をご紹介します。

SVGをJPEGに変換する理由

SVGファイルは、正しく表示するためにSVG対応のビューアーが必要です。JPEGはどこでも機能します。 変換が必要な一般的な理由：

  • メールやメッセージでの共有：多くのメールクライアントやメッセージアプリは SVGをインラインでレンダリングしません — 受信者はプレビューできない添付ファイルとして受け取ります
  • ソーシャルメディアへのアップロード：Instagram、Facebook、Twitterなどの プラットフォームはラスター画像を必要とします — SVGのアップロードは拒否されるか、 正しく表示されません
  • 印刷サービス：多くのオンライン印刷ショップはSVGではなくJPEGを受け付けます
  • ドキュメントへの埋め込み：Word、PowerPoint、Google DocsはJPEGを 確実に処理します。SVGのサポートはまちまちです

重要な考慮事項：適切な解像度の選択

SVGは解像度に依存しませんが、JPEGはそうではありません。エクスポート時には、 出力のピクセル数を決める必要があります：

  • 原則：必要な最大サイズでエクスポートしてください。縮小することは常に 可能ですが、JPEGを拡大すると品質が低下します
  • Web用：全幅画像には通常1920pxで十分です；コンテンツ画像は800〜1200px
  • 印刷用：DPIの公式を使用 — インチ単位の幅 × DPI。300DPIで 4インチ幅の画像には1200px幅が必要です
  • ソーシャルメディア用：各プラットフォームの推奨寸法を確認してください （例：Facebook 1200×630、Instagram正方形 1080×1080）

背景色：透明度の問題

SVGファイルはしばしば透明な背景を持ちます。JPEGは透明度をサポートしていません — すべてのピクセルに色が必要です。透明な背景のSVGをJPEGに変換すると、デフォルトでは 透明な領域が白くなります。白い背景のロゴであれば通常問題ありません。別の背景色が必要な場合は、 エクスポート前後に設定してください。透明度を維持する必要がある場合は、画像変換を使用してPNGとしてエクスポートしてください。

方法1：オンラインコンバーター（最速）

オンラインコンバーターはソフトウェアのインストールなしに、あらゆるデバイスで動作します：

  1. ブラウザでPicovertのImage Converterを開いてください
  2. ページにSVGファイルをドラッグするか、クリックして参照してアップロードします
  3. 出力形式としてJPGを選択します
  4. 変換されたJPEGファイルをダウンロードします

SVGの透明な領域は出力JPEGで白になります。コンバーターはSVGをネイティブの寸法でレンダリングします — 特定のピクセルサイズが必要な場合は、変換後に画像リサイズを使用してください。

方法2：ブラウザエクスポート（インストール不要）

最新のブラウザはSVGファイルをレンダリングして画像として保存できます：

  1. ChromeまたはEdgeでSVGファイルを開いてください（アドレスバーにドラッグするか、ファイル→開くを使用）
  2. 画像を右クリックして名前を付けて画像を保存を選択します
  3. 保存ダイアログでファイル形式としてJPEGを選択します

注意：ChromeとEdgeはJPEGを保存オプションとして確実に提供します。 Firefoxはデフォルトでpngとして保存する場合があります。保存された画像の解像度は 画面に表示されているものと一致します — SVGが600px幅で表示されている場合、 JPEGも600px幅になります。印刷には十分に高い解像度ではない可能性があります。

方法3：Inkscape（無料、精密なコントロール）

InkscapeはSVG編集とエクスポートのための最高の無料デスクトップツールです。 出力寸法とDPIを正確に制御できます：

  1. inkscape.orgからInkscapeを無料でダウンロードしてインストールします
  2. InkscapeでSVGファイルを開きます
  3. ファイル → PNG画像をエクスポートに移動します （Windows/Linux: Shift+Ctrl+E、Mac: Shift+Cmd+E）
  4. エクスポート解像度を設定します：
    • 96 DPI — 画面品質（CSSピクセルに相当）
    • 300 DPI — 印刷品質
  5. まず名前を付けてエクスポートをクリックしてPNGとして保存します
  6. 任意の画像編集ソフトでPNGを開き、JPEGとして保存します

新しいバージョンのInkscapeでは、ファイル → コピーを保存に移動して、 オプションが利用可能であれば直接JPEGを選択できます。 Inkscapeはカスタムフォントや効果を持つ複雑なSVGに最も正確な方法です。

方法4：ImageMagickコマンドライン

ImageMagickはバッチ変換や自動化ワークフローに理想的な無料のオープンソースツールです。 librsvgを介したSVGサポートが必要です：

  1. ImageMagickをインストールします（imagemagick.org、またはMacでHomebrewを使用: brew install imagemagick）
  2. 150 DPIでJPEGに変換（Web向けに適している）：
    convert -density 150 input.svg output.jpg
  3. 300 DPIで変換（印刷品質）：
    convert -density 300 input.svg output.jpg
  4. 明示的な白い背景（透明なSVGに推奨）：
    convert -density 150 -background white -flatten input.svg output.jpg
  5. フォルダ内のすべてのSVGをバッチ変換：
    for f in *.svg; do convert -density 150 -background white -flatten "$f" "${f%.svg}.jpg"; done

-densityフラグは解像度を制御します。値が高いほど、より大きく鮮明な出力画像が 生成されます。-background white -flattenフラグは、JPEGエンコーディング前に 白い背景を明示的に設定します — 透明な領域での予期しないカラーアーティファクトを防ぐために 常に使用してください。

簡単な比較

  • オンラインツール：最も簡単、インストール不要、1回限りの変換に適している — 解像度のコントロールが限られる
  • ブラウザ：最もシンプルですが、解像度は画面表示サイズに限定されます
  • Inkscape：最大のコントロール、複雑なSVGを正確に処理、精密な寸法と 高いDPIに最適
  • ImageMagick：バッチ変換と自動化に最適、DPIと背景の完全なコントロール

ほとんどのユーザーにとって、オンラインコンバーターで日常的なニーズが満たされます。 高解像度の印刷出力やバッチジョブには、InkscapeまたはImageMagickを使用してください。 変換後は画像圧縮で見た目の品質を損なうことなく ファイルサイズをさらに削減できます。