SVG → BMP

SVG とは？

SVG（Scalable Vector Graphics）は、XML ベースのベクター画像フォーマットで、World Wide Web Consortium（W3C）により 2001 年に標準化されました。JPG、PNG、WebP、BMP のようにピクセルグリッドを格納するラスタフォーマットとは異なり、SVG ファイルは形状・パス・テキスト・グラデーションを数学的な記述として格納します。つまり、小さなアイコンから大型の看板までどんなサイズに拡大しても、鮮明さを失ったりピクセル化したりすることがありません。SVG は人間が読めるテキストでもあるため、検索可能で、CSS でスタイル設定でき、JavaScript でアニメーション化でき、シンプルなロゴやアイコンでは非常にコンパクトです。

SVG はベクターベースであるため、ロゴ・アイコン・イラスト・図表・ダイアグラムなど、あらゆる解像度で鮮明さを保つ必要があるグラフィックスに理想的なフォーマットです。すべてのモダンブラウザが SVG をネイティブにレンダリングできます。ただし SVG は複雑な写真には適しておらず、多くの画像エディタ・ソーシャルプラットフォーム・コンテンツ管理システム・組み込みシステム・メールクライアントは SVG を一貫性なくラスタライズするか、アップロードとして拒否します。これが、ベクターデータを処理できないシステムにグラフィックを共有・埋め込みする際、SVG を BMP のようなラスタフォーマットに変換することが最も実用的な方法になる理由です。

BMP とは？

BMP（Bitmap）は最も古いラスタ画像フォーマットの一つで、元々 1980 年代後半に Microsoft と IBM が Windows および OS/2 オペレーティングシステム向けに導入しました。BMP ファイルは画像データをシンプルなピクセルグリッドとして格納し、通常はまったく圧縮しないか、非常にシンプルなランレングスエンコーディング方式を使用します。このシンプルさにより BMP はプログラムで読み書きが非常に容易で、すべてのグラフィックライブラリ、画像エディタ、オペレーティングシステムが特別なコーデックなしで BMP ファイルを開くことができます。

この汎用互換性の代償はファイルサイズです。BMP はすべてのピクセルを圧縮なしで格納するため、BMP ファイルは通常、同じ画像を SVG、JPG、PNG、WebP で保存した場合より何倍も大きくなります。BMP は組み込みシステム、ファームウェア開発、レガシーアプリケーション、フォーマットのシンプルさと保証された互換性がファイルサイズより重要なシナリオで最もよく使われます。

SVG と BMP の比較

SVG と BMP は根本的に異なる目的で設計されています。SVG は形状を数学として格納するベクターフォーマットで、BMP はピクセルを格納するラスタフォーマットです。下表は SVG と BMP 画像フォーマットの主な違いをまとめたものです。

項目	SVG	BMP
画像タイプ	ベクター（数学ベース）	ラスタ（ピクセルベース）
発表年	2001	1980 年代後半
スケーリング	無限に拡大可能、品質低下なし	固定解像度、拡大するとピクセル化
圧縮方式	なし（テキストベースの XML）	なし（非圧縮）
適した用途	ロゴ、アイコン、イラスト、UI グラフィック	組み込みシステム、レガシーアプリ、生ピクセルデータ
透過	対応（固有）	非対応（24 ビット出力）
ファイルサイズ（シンプル図形）	非常に小さい（テキスト）	非常に大きい
コード編集	可能（XML テキスト）	不可（バイナリ）
プラットフォームアップロード	一貫性なし（拒否されることが多い）	広く受け入れられる

要するに、SVG はスケーラビリティ・編集性・シンプルな図形のサイズで勝り、BMP はシンプルさ・汎用ピクセルアクセス・組み込みおよびレガシーシステムとの保証された互換性で勝ります。SVG を BMP に変換すると、ベクターグラフィックが固定解像度のピクセル画像にラスタライズされ、どこでも埋め込み・アップロード・共有できるようになります。

SVG を BMP に変換するケース

SVG は優れたフォーマットですが、BMP にラスタライズすることがより良い選択となる実シナリオが多くあります。プラットフォーム・サービス・ワークフローがベクターグラフィックではなくラスタ画像を期待する場合はいつでも、SVG を BMP に変換することで SVG のデザイン品質と BMP の幅広い互換性の両方を得られます：

• 組み込みシステムとファームウェア。マイクロコントローラや組み込みディスプレイは生のビットマップデータを期待し、SVG をレンダリングできません。BMP に変換することで、必要な生のピクセルグリッドが得られます。
• レガシーソフトウェアの互換性。一部の古い画像エディタ、ビューア、産業ツールは入力として BMP ファイルしか受け付けず、SVG を読み取れません。
• 産業および POS システム。POS 端末、キオスクディスプレイ、サイネージコントローラなどの専用ハードウェアは BMP 入力を期待することがよくあります。
• プラットフォームアップロード。多くのソーシャルネットワーク、マーケットプレイス、フォームビルダー、CMS プラットフォームはセキュリティ上の理由で .svg アップロードを拒否します。BMP はほぼすべてのプラットフォームで受け入れられます。
• 生ピクセル分析。BMP はピクセルを圧縮なしで格納するため、ベクターソースから正確で変更されていないピクセル値を必要とする画像処理タスクに有用です。
• 開発とテスト。画像処理コードを書く際、BMP は外部ライブラリなしで読み書きできる最もシンプルなフォーマットです——SVG ソースグラフィックを使う際に役立ちます。

元の SVG は編集可能なマスターファイルとして保管してください——いつでも任意の解像度で再エクスポートできます。ベクターデータを処理できないシステムへの共有・埋め込み・アップロードにコンパクトな固定サイズのラスタ画像が必要な場合に BMP エクスポートを使用してください。

SVG を BMP に変換する方法

このツールで SVG 画像を BMP に変換するのは数秒で、すべてブラウザ内で完結します。アップロード不要、登録不要、インストール不要。ツールは data URL 経由で SVG を読み込み、SVG の固有サイズ（サイズがない場合は 1024×1024 にフォールバック）でキャンバスにラスタライズし、手動 BMP エンコーダでキャンバスを非圧縮 24 ビット BMP に再エンコードします。次の 3 つのステップで行います：

1. SVG をアップロード。アップロードエリアをクリックするか、.svg ファイルをドラッグ＆ドロップします。画像はローカルでデコードされ、プレビュー表示されます。
2. 変換。「BMPに変換」ボタンをクリックすると、SVG が白背景のキャンバスにラスタライズされ、非圧縮 BMP に再エンコードされます。
3. BMP をダウンロード。「BMP をダウンロード」をクリックして変換済みファイルを端末に保存します。元の SVG ファイルは変更されません。

すべてのステップは JavaScript でブラウザ内でローカルに実行されるため、SVG 画像がサーバーにアップロードされることはありません。これにより変換は完全にプライベートで高速、機密性の高いグラフィックにも適しています。