SVG → PNG

SVG とは？

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

SVG は CSS スタイリング、JavaScript インタラクティビティ、アニメーションをサポートしており、Web グラフィックに強力なフォーマットです。ただし SVG には制限もあります。写真や複雑な連続階調画像には不向きで、古いアプリケーション、CMS、画像エディタ、メールクライアントの一部は SVG ファイルをレンダリングできません。SVG を PNG に変換すると、SVG ベクターのシャープな画質を固定解像度で保持したラスター画像が生成され、同時に PNG フォーマットの汎用互換性が得られます。

PNG とは？

PNG（Portable Network Graphics）は、1996 年に登場した可逆ラスター画像フォーマットで、GIF のモダンで特許フリーな代替として設計されました。PNG は DEFLATE 可逆圧縮を採用しており、画像データを一切破棄しません——デコード後の画像はオリジナルとピクセル単位で完全に一致します。PNG は完全な 24 ビットカラー（1600 万色以上）と完全な 8 ビットアルファ透過チャンネルをサポートし、アイコン、ロゴ、UI 要素、スクリーンショット、シャープなエッジや透過背景が必要なあらゆるグラフィックの首选フォーマットです。

すべてのモダンブラウザとほぼすべての画像ソフトが PNG に対応しています。SVG とは異なり、PNG はラスター形式で、特定の解像度の固定ピクセル格子を保存するため、劣化なく拡大することはできません。しかし、透過付きでどこでも開ける高品質な静止画が必要な場合、PNG は理想的な選択肢です。SVG を PNG に変換すると、両方の長所を兼ね備えられ——固定解像度での SVG のシャープなレンダリングと、PNG の汎用互換性と透過サポートが得られます。

SVG と PNG の比較

SVG と PNG はどちらもグラフィック、アイコン、ロゴに優れたフォーマットですが、異なるカテゴリーに属します。SVG は無限にスケーリング可能で劣化しないベクターフォーマット、PNG は固定解像度のピクセル格子を可逆圧縮で保存するラスター形式です。下表は2つの画像フォーマットの主な特性を並べて比較したものです。

項目	SVG	PNG
画像タイプ	ベクター（XML ベース）	ラスター（ピクセル格子）
登場年	2001 年	1996 年
スケーリング	任意サイズで劣化なし	拡大するとピクセル化
圧縮	なし（テキストベース）	可逆（DEFLATE）
透過	対応（完全アルファ）	対応（完全アルファチャンネル）
アニメーション	対応（SMIL、CSS、JS）	非対応（APNG は別フォーマット）
用途	スケーラブルなロゴ、アイコン、イラスト	透過付き固定解像度グラフィック
ソフトウェア互換性	限定的（SVG をレンダリングできないアプリあり）	汎用

SVG を PNG に変換するケース

SVG を PNG に変換することが適切な場面は数多くあります——特に汎用互換性や透過付きの固定解像度ラスター画像が必要な場合です。SVG 画像を PNG に変換する一般的な理由は以下の通りです：

• 汎用互換性。すべてのブラウザ、アプリ、デバイスが PNG をサポートします。SVG をレンダリングできないプラットフォームでも PNG は正常に表示できます。
• 固定解像度ラスター画像が必要。アプリやワークフローが特定サイズのピクセルベース画像を要求する場合、PNG は予測可能で移植性の高い結果を提供します。
• 透過を保持したい。PNG の完全アルファチャンネルは SVG の透過領域を保持するため、任意の背景に配置するロゴやアイコンに最適です。
• メール添付。ほとんどのメールクライアントは本文中の SVG をレンダリングできません。PNG を添付すれば受信者がそのまま閲覧できます。
• ドキュメントとオフィスワークフロー。Word、PowerPoint、Excel、Google Docs、PDF ツールは PNG の埋め込みが安定していますが、SVG の対応は一貫していません。
• 顧客やパートナーとの共有。相手のソフトウェアが不明な場合、PNG を送れば互換性の問題を回避でき、透過も保持できます。

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

SVG を PNG に変換する方法

このツールで SVG 画像を PNG に変換するのは数秒で完了し、すべてブラウザ内で行われます——アップロード不要、登録不要、透かしなし。ツールはローカルで SVG を読み込み、キャンバスにラスタライズして可逆 PNG にエンコードするため、変換は高速かつプライベートです。次の3ステップで SVG を PNG に変換してください：

1. SVG をアップロード。上のアップロードエリアをクリックするか、.svg ファイルをドラッグ＆ドロップします。SVG は即座にローカルで読み込まれプレビュー表示されます。
2. 変換。「PNGに変換」ボタンをクリックします。SVG がキャンバスにラスタライズされ、可逆 PNG 画像としてエンコードされます。
3. PNG をダウンロード。「PNG をダウンロード」をクリックして変換ファイルを端末に保存します。元の SVG は変更されません。

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