SVGからPNG変換
SVGは解像度非依存、PNGは多くのアプリが要求する固定画素グリッドです。ロゴ、アイコン、イラストを1×、2×、またはカスタム寸法のPNGにラスタライズし、PowerPoint、Figma書き出し、アプリアセットに使います——クラウド変換へのアップロードなし。
SVGからPNGへの変換方法
1. .svgファイルをアップロードするか、対応していればSVGマークアップを貼ります。
2. 出力の幅と高さ（または倍率）を設定します。
3. 背景を選びます: 透明または単色。
4. PNGをダウンロードします。
変換の例
512×512のアプリアイコン
ストア掲載がSVGを拒否するとき、ベクターのアプリマークをPNGに書き出します。
スライドデッキのロゴ
WindowsのPowerPointが一貫して描画するよう、幅800 pxでラスタライズします。
SNSのOG画像要素
メールでSVGが非対応の合成サムネイル向けに、SVGバッジをPNGに変換します。
SVGをラスタライズするとき
• 対象アプリがPNGを受け付けSVGを受け付けないとき。
• レイアウト向けに予測可能な画素寸法が必要なとき。
• ベクターの平坦化が下手なPDFまたはDOCXワークフローに埋め込むとき。
ベクターとラスタのトレードオフ
SVGはパスと塗りを格納し、PNGはすべての画素を格納します。小さすぎるサイズでラスタライズするとギザギザに見え、大きすぎるとバイトを無駄にします。最大表示サイズ × デバイス画素比を選んでください。
よくある質問
どの解像度で書き出すべきですか？
Retinaなら表示サイズの2×を使います: 32 pxのファビコン枠 → 64×64 PNGを書き出す。
透明度は対応していますか？
はい——さまざまなサイトテーマ上のロゴには透明背景を選びます。
フォントは正しく描画されますか？
SVGフォントはアウトライン化するかWebセーフである必要があります——欠けたフォントはグリフを代替することがあります。
複雑なSVGフィルタは？
重いフィルタはIllustratorと違って描画されることがあります——視覚的に確認してください。
ローカル変換ですか？
はい——SVGはパースされ、ブラウザ内のキャンバスに描かれます。