SVGからPNGへのコンバーター 任意のスケールでSVGベクターグラフィックスをPNGラスター画像に変換します。
SVGをPNGに変換
任意のスケールでSVGベクターグラフィックスをPNGラスター画像に変換します。
SVGファイルのアップロード
デバイスからSVGファイルを選択またはドラッグ&ドロップしてください。
スケールの選択
出力スケール(1x、2x、3x、または4x)を選択し、希望する解像度で画像を取得します。
PNGのダウンロード
レンダリングされたPNGをプレビューして、選択したスケールでダウンロードできます。
What Is SVGをPNGに変換?
SVGからPNGへのコンバータは、ベクターグラフィックスをピクセルベースの画像にレンダリングします。SVGファイルはXMLベースで、品質の低下なく任意のサイズに拡大縮小できますが、多くのプラットフォームではラスター画像が必要です。このツールは、選択したスケール係数(1xから8x)でSVGをキャンバスにレンダリングし、クリアで高解像度のPNG出力を生成します。2倍のスケールでは、100x100のビューポートを持つSVGが200x200ピクセルのPNGになります - レティナディスプレイに最適です。
Why Use SVGをPNGに変換?
-
SVGを任意のサイズに拡大縮小(1xから8xまで)
-
ブラウザーのSVGエンジンを使用したクリアなレンダリング
-
一般的なスケールに対応したクイックプリセットボタン
-
PNG出力で透明背景が保存される
Common Use Cases
アプリアイコンの生成
SVGアイコンをモバイルおよびデスクトップアプリケーションに必要なさまざまなサイズのPNGに変換します。
ソーシャルメディア向けグラフィック
ベクター形式のロゴやグラフィックを、SVGをサポートしていないプラットフォーム用のPNGに変換します。
印刷準備
高解像度(4xまたは8x)でSVGをラスター化し、印刷物を作成します。
メールグラフィック
SVGグラフィックを、ほとんどのメールクライアントがSVGをサポートしていないため、メールテンプレート用のPNGに変換します。
Technical Guide
SVGからPNGへの変換は、SVGコンテンツからBlob URLを作成し、それをImage要素にロードしてターゲットの寸法でキャンバスに描画することで機能します。SVGはテキストとして読み込まれ、MIMEタイプimage/svg+xmlを持つBlobでラップされ、オブジェクトURLに変換されます。キャンバスの寸法は、SVGビューポートサイズにスケール係数を掛けたものに設定されます。ブラウザの組み込みSVGレンダリングエンジンがパス、トランスフォーム、テキスト、グラデーション、パターン、フィルタなどの複雑なレンダリングをすべて処理します。
Tips & Best Practices
-
1Retinaディスプレイ対応画像を作成するには2xスケールを使用
-
2印刷品質の出力には4x以上を使用
-
3外部フォントや画像が含まれるSVGは正しくレンダリングされない可能性があります。まずリソースを埋め込みます
-
4プレビューでチェッカーボードパターンを見て、透明背景を確認します
Related Tools
Frequently Asked Questions
Q どのスケールを使うべきですか?
Q SVGはPNGとして異なって見えるのはどうしてですか?
Q PNGの背景は透明ですか?
Q SVGの最大サイズはどれくらいですか?
Q SVGアニメーションを変換できますか?
About This Tool
SVGをPNGに変換 is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.