SVGファイルはウェブ上のロゴ、アイコン、イラストレーションのゴールドスタンダードです。しかし、代わりにPNGが必要な場面はたくさんあります：SVGをサポートしないプラットフォームへのアップロード、プレゼンテーションへの挿入、SNSでの共有、ラスターフォーマットのみ受け付けるツールでの使用など。課題は、ぼやけたりピクセル化した結果にならずに変換することです。
SVG vs PNG：何が違うのか？
- SVG（Scalable Vector Graphics）はベクターフォーマットです。数学的なパス、シェイプ、座標を使用して画像を記述します。つまり、SVGは小さなファビコンから看板まで、どんなサイズにも品質を損なわずにスケーリングできます。シンプルなグラフィックスの場合、SVGファイルは通常非常に小さいファイルサイズです。
- PNG（Portable Network Graphics）はラスターフォーマットです。色のついたピクセルのグリッドとして画像を保存します。PNGは固定解像度を持つため、元のピクセル寸法を超えてスケールアップするとぼやけて見えます。ただし、PNGは汎用的にサポートされており、どこでも機能します。
なぜSVGをPNGに変換するのか？
この変換を行う一般的な理由はいくつかあります：
- プラットフォーム互換性。多くのプラットフォーム（SNS、メールクライアント、ドキュメントエディタ）はSVGファイルをレンダリングしません。PNGはどこでも受け入れられます。
- 一貫した表示。SVGは高度な機能やカスタムフォントを使用している場合、ブラウザ間で異なって見えることがあります。PNGに変換すると、正確な見た目が固定されます。
- プレゼンテーションとドキュメント。PowerPoint、Google Slides、WordはSVGよりもPNGをより確実に処理します。
- ファビコンやアプリアイコンの生成。SVGファビコンは存在しますが、多くのコンテキストでは特定のピクセルサイズのPNGが依然として必要です。
適切なスケールの選択
SVGは解像度に依存しないため、変換時の最も重要な決定は、どのピクセルサイズでエクスポートするかです。ここでスケーリングが登場します：
- 1xスケール：SVGのデフォルトビューポートサイズでエクスポート。SVGが200x200として定義されている場合、200x200のPNGが得られます。小さなウェブグラフィックスに適しています。
- 2xスケール：寸法を2倍にします（同じSVGから400x400）。標準解像度がソフトに見えるRetinaディスプレイや高DPIスクリーンに最適。
- 4xスケール：寸法を4倍にします（800x800）。印刷、大画面表示、または追加のディテールが必要な場合に使用。
高いスケールはファイルサイズが大きくなりますが、元のベクターのすべてのディテールを保持します。ベクターソースから変換するため、どのスケールでも品質劣化はゼロです。PNGは数学的な記述から完全にレンダリングされます。
fileGODで変換する方法
fileGODのSVG to PNGコンバーターを使えば簡単です：
- ステップ1：SVG to PNGツールを開きます。
- ステップ2：SVGファイルをアップロードエリアにドロップします。
- ステップ3：希望のスケール（1x、2x、または4x）を選択します。
- ステップ4：高品質なPNGをダウンロードします。
変換はCanvas APIを使用してブラウザ内で完全に行われます。SVGが目標解像度でレンダリングされ、完全な透過サポート付きのクリーンなPNGとしてエクスポートされます。サーバー処理なし、品質の妥協なし、アカウント不要です。
結果をさらにリサイズする必要がありますか？PNGを画像リサイザーに通して、特定の用途に合った正確なピクセル寸法に調整してください。