SVG を PNG に変換

ソーシャルプラットフォーム・プレゼンテーションソフト・アプリストア、そして多くのオンラインマーケットプレイスは、ラスター形式——固定のピクセル格子——を前提に構築されています。それがカメラの生み出すものであり、インターネット上のほとんどの画像だからです。SVG は数学的な描画命令の集まりであってピクセルではないため、普通の写真風ファイルを前提とするシステムはそれを直接拒否するか、正しく描画できません。

SVG を PNG にラスタライズすることでこれを解決できます。その命令を特定のサイズにおける実際のピクセル格子に焼き付け、それぞれのシステムがすでに扱い方を知っているファイルを生み出します。

SVG は自分自身のマークアップで宣言された幅と高さで描画されます。ファイルが 512×512 を宣言していれば、それがそのまま得られます。ベクター形式のかたちは小さな元画像から拡大されるのではなく正確に描画されるため、その解像度でも鮮明です。SVG が宣言する以上の大きな PNG が必要な場合、元がどんな解像度にも依存しないため、ある程度の細部はきれいに再描画できますが、非常に大きな書き出しについては出力ファイルとレンダリング時間を妥当な範囲に保つため上限が設けられています。

アプリストアの掲載ページやファビコンセットのような場所向けのアイコンやロゴでは、事前に SVG の宣言サイズと行き先の要求を照らし合わせておくことで、後で再度サイズ調整をする手間が省けます。

PNG は完全なアルファ透明に対応しており、SVG の空のキャンバス——形が何も描かれていない領域——は定義上透明です。そのため、SVG に背景の塗りがないロゴやアイコンは、PNG に出力すると本当に透けた背景になり、目に見える枠を示すことなく写真・色付きバナー・暗いインターフェースの上に置くことができます。

あなたの SVG に背景の矩形が描かれている場合、その塗りはブラウザでの表示と同じように不透明な色として描画されます。出力の透明・不透明はツールの推測ではなく、元ファイルの透明・不透明をそのまま反映しています。

SVG の解析と描画はすべてあなた自身の端末上で行われるため、まだ公開していないロゴやデザインファイルは変換中も非公開のままです。アップロードサービスによる容量制限もサーバーとの往復を待つこともありません。ブラウザが描画を終えればすぐに PNG が用意でき、アカウントを作らずに複数の SVG を連続して変換できます。