SVG→PNG変換ツール

SVGファイルやSVGコードを高画質なPNG画像に変換します。出力解像度(倍率/ピクセル指定)と背景(透過・白・任意色)を自由に設定でき、複数ファイルの一括変換にも対応。すべての処理はブラウザ内で完結し、ファイルがサーバーに送信されることはありません。

最終更新: 2026/10/16 画像 ご要望・不具合報告はこちら

SVGファイルをドラッグ&ドロップ

または

SVG形式・複数選択可(ブラウザ内で処理)

出力解像度
背景
まだファイルがありません。上のエリアからSVGを追加してください。

使い方

1

SVGを読み込む

SVGファイルをドラッグ&ドロップまたは選択するか、「コードを貼り付け」タブにSVGコードを貼り付けて読み込みます。複数ファイルもまとめて追加できます。

2

解像度と背景を設定

出力解像度を倍率(2倍・4倍など)またはピクセル単位で指定し、背景を透過・白・任意色から選びます。

3

PNGを保存

「PNGを保存」または「すべてPNGで保存」をクリックすると、設定した解像度のPNG画像がダウンロードされます。

SVG→PNG変換ツールとは

ベクター形式のSVGを、指定した解像度のラスター画像(PNG)に変換するオンラインツールです。アイコンやロゴを2倍・4倍など高解像度で書き出したり、透過背景のPNGを生成したりできます。canvasで直接ラスタライズするため拡大してもくっきり書き出せます。すべての処理はお使いのブラウザ内で完結し、ファイルがサーバーに送信されることは一切ありません。

機能・特徴

  • 解像度を自由に指定倍率(1〜数倍)またはピクセル単位で出力サイズを指定。アイコンを高解像度で書き出せます。
  • 透過・任意背景に対応背景を透過・白・任意の色から選択。用途に合わせたPNGを生成できます。
  • 複数ファイル一括変換複数のSVGをまとめて読み込み、同じ設定で一括変換・保存できます。
  • 完全ブラウザ内処理すべての処理はブラウザ内で完結。ファイルがサーバーに送信されることはありません。

活用シーン

  • アイコン・ロゴを2倍/4倍の高解像度PNGで書き出す
  • 透過背景のPNGアイコンを作成する
  • SVG非対応のソフトやSNS用に画像形式を変換する
  • プレゼン資料やブログ用に画像サイズを揃える
  • 大量のSVGアイコンをまとめてPNG化する

よくある質問

SVGファイルはサーバーにアップロードされますか?
いいえ。すべての変換処理はお使いのブラウザ内(JavaScript)で完結します。ファイルがサーバーに送信・保存されることは一切ありません。
出力するPNGの解像度はどう決めればよいですか?
用途に合わせて指定してください。Webアイコンなら2倍(高DPI対応)、印刷や大きく使う場合はピクセル指定で必要な幅を入力すると確実です。SVGはベクターなので、何倍に拡大してもくっきり書き出せます。
背景を透過したまま保存できますか?
はい。背景を「透過」に設定すれば、透明部分を保持したままPNGとして保存できます。白や任意の色で塗りつぶすことも可能です。
複数のSVGをまとめて変換できますか?
はい。ファイル選択時に複数を指定するか、ドラッグ&ドロップで追加すれば、同じ設定で一括変換し、それぞれPNGとして保存できます。
SVGコードを直接貼り付けて変換できますか?
はい。「コードを貼り付け」タブにSVGのソースコードを貼り付けて読み込めば、ファイルを保存しなくてもそのままPNGに変換できます。