SVG → JPG

SVG とは？

SVG（Scalable Vector Graphics）は、2001 年に W3C が標準化したベクター画像フォーマットです。JPG や PNG のようなピクセル格子を保存するラスター形式とは異なり、SVG は形状、パス、テキスト、グラデーションを XML テキスト内の数学的記述として保存します。つまり、SVG 画像は小さなアイコンから巨大な看板まで任意のサイズに拡大縮小しても、画質を損なわずファイルサイズも増えません。SVG はロゴ、アイコン、イラスト、図表、あらゆる解像度でシャープさを保つ必要があるグラフィックの標準フォーマットです。SVG ファイルは通常非常に小さく、任意のテキストエディタやデザインツールで直接編集できます。

SVG は CSS スタイリング、JavaScript インタラクティビティ、アニメーションをサポートしており、Web グラフィックに強力なフォーマットです。ただし SVG には制限もあります。写真や複雑な連続階調画像には不向きで、古いアプリケーション、CMS、画像エディタ、メールクライアントの一部は SVG ファイルをレンダリングできません。印刷、ドキュメント埋め込み、ラスター画像のみを受け付けるプラットフォームなど、一部の文脈では SVG をまったく使用できません。この互換性のギャップが、SVG 画像を JPG に変換する主な理由です。

JPG とは？

JPG（JPEG とも表記、Joint Photographic Experts Group に由来）は、1992 年に制定された汎用画像フォーマット規格です。離散コサイン変換（DCT）に基づく非可逆圧縮を用い、写真や連続階調画像のファイルサイズを大幅に縮小します。JPG は世界で最も広く使われている画像フォーマットであり、すべてのモダンブラウザ、OS、画像ビューア、オフィスソフト、SNS、メールクライアントが追加ソフトやプラグインなしで JPG ファイルを開いて表示できます。

JPG はラスター形式で、特定の解像度の固定ピクセル格子を保存します。SVG とは異なり、JPG は品質を落とさずに拡大できません——拡大すると明瞭なピクセル化とぼかしが生じます。しかし、デバイス・アプリ・プラットフォームを横断するほぼ 100% の互換性により、JPG はあらゆる種類の画像のデファクトな交換フォーマットです。SVG を JPG に変換すると、SVG レンダリングのサポートを気にすることなく、どこでも開き、閲覧し、編集し、共有できるラスター画像が得られます。

SVG と JPG の比較

SVG と JPG は根本的に異なる目的を持ちます。SVG は任意のサイズでシャープさを保つスケーラブルなグラフィック向けのベクターフォーマット、JPG は数百万色と滑らかなグラデーションを持つ写真向けのラスターフォーマットです。下表は SVG と JPG の各画像フォーマットにおける主な違いをまとめたものです。

項目	SVG	JPG
画像タイプ	ベクター（XML ベースの形状）	ラスター（ピクセル格子）
登場年	2001 年	1992 年
スケーリング	任意サイズで劣化なし	拡大するとピクセル化
圧縮	なし（テキストベース）	非可逆（DCT）
透過	対応（完全アルファ）	非対応
アニメーション	対応（SMIL、CSS、JS）	非対応
用途	ロゴ、アイコン、イラスト、図表	写真、自然画像
ソフトウェア互換性	限定的（SVG をレンダリングできないアプリあり）	ほぼ汎用
典型的なファイルサイズ	シンプルなグラフィックでは極小	写真では小さい

要するに、SVG はグラフィックのスケーラビリティとシャープさで勝り、JPG は互換性と写真画質で圧倒的優位にあります。SVG から JPG に変換すると、ベクターグラフィックが固定解像度のラスター画像にラスタライズされ、どこでも開けるようになります。

SVG を JPG に変換するケース

SVG 画像を JPG に変換する方が適切な実務場面は数多くあります。対象のソフトウェア、サービス、デバイスが SVG 非対応の場合、手軽な SVG → JPG 変換で問題が解決します：

• 非対応プラットフォーム。SNS、マーケットプレイス、フォーム、CMS の一部は .svg のアップロードを受け付けませんが、JPG はどこでも受け付けられます。
• メール添付。多くのメールクライアントは本文中の SVG をレンダリングできません。JPG を添付すれば受信者がそのまま閲覧できます。
• ドキュメントとオフィスワークフロー。Word、PowerPoint、Excel、Google Docs、PDF ツールは JPG の埋め込みが安定していますが、SVG の対応は一貫していません。
• 古いソフトウェアとエディタ。一部の画像エディタやレガシーアプリは SVG ファイルを開いたりインポートできません。JPG に変換すれば任意のエディタで使えます。
• 固定解像度の出力。印刷、Web、表示用に特定ピクセルサイズのラスター画像が必要な場合、JPG は予測可能で移植性の高い結果を提供します。
• 顧客やパートナーとの共有。相手のソフトウェアが不明な場合、JPG を送れば「このファイルが開けない」という返答を回避できます。

可能な限り元の SVG ファイルはマスターとして保管してください——スケーラブルで編集可能です。JPG は SVG が未対応の互換性・共有場面で使いましょう。

SVG を JPG に変換する方法

このツールで SVG 画像を JPG に変換するのは数秒で完了し、すべてブラウザ内で行われます。アップロード不要、登録不要、インストール不要です。次の4ステップに従ってください：

1. SVG ファイルをアップロード。アップロードエリアをクリックするか、コンピュータから .svg ファイルをドラッグ＆ドロップします。SVG はローカルで読み込まれプレビュー表示されます。
2. JPG の品質を調整。品質スライダーを 10%〜100% で動かし、ファイルサイズと画質のバランスを調整します。90% が適切な既定値で、数値を下げるとファイルが小さくなります。
3. JPG に変換。「JPGに変換」ボタンをクリックします。ツールは SVG をキャンバスにラスタライズし Canvas API で JPG に再エンコードして、元のファイルサイズと変換後のサイズを並べて表示します。
4. JPG をダウンロード。「JPG をダウンロード」をクリックして変換ファイルを端末に保存します。元の SVG はそのまま残ります。

すべてのステップは JavaScript でブラウザ内ローカルに実行されるため、SVG 画像がサーバーにアップロードされることはありません。これにより変換は完全にプライベートかつ高速で、機密性の高い画像にも適しています。SVG はネイティブ寸法でラスタライズされる点にご注意ください——最高画質を得るには、SVG に明示的な width・height 属性を設定してください。