メインコンテンツへスキップ

SVG を PNG に変換

SVG ベクターを好きな解像度で PNG にラスタライズ。どんなサイズでも鮮明、すべてブラウザ内で処理します。

SVG → PNG 変換とは?

このツールは SVG(ベクター)を PNG のビットマップにラスタライズします。SVG は数式のパスで表され無限に拡大できるので、先に出力サイズを選べばどんな解像度でも鮮明です。処理はすべてブラウザ内で行われ、アップロードしません。PNG は透過に対応した可逆圧縮フォーマットで、保存しても画質が劣化しません。ロゴやアイコン、文字を含むスクリーンショット、背景が透明な画像に最適ですが、ファイルは大きめになりがちです。

使い方

  1. SVG ファイルを選ぶかドロップします(複数可)。
  2. 出力幅を選びます(高さは縦横比から自動計算)。
  3. 「ダウンロード」で PNG を保存。複数ファイルは zip でまとめられます。

なぜ先にサイズを選ぶのか

SVG 自体には固定のピクセルがないため、PNG のようなラスター形式へ変換するときは「何ピクセルで描くか」を決める必要があります。アイコンにありがちな内蔵の小さいサイズ(24×24 など)のまま変換すると、小さくぼやけた結果になります。先に大きめの幅を選んでからラスタライズすることで鮮明な高解像度になります——「svg to png 高画質」に本当に必要なのはこれです。

PNG にする前に「どのサイズか」を決める

SVG はベクターで固定サイズを持たず、どれだけ拡大しても鮮明です。PNG はラスターで、変換した瞬間にサイズが焼き込まれます。だから SVG→PNG で肝心なのは形式ではなく出力解像度です。小さく書き出すと、拡大したとたんにぼやけます。実務では:

  • ファビコンやアプリアイコンなら、目的のサイズ(16・32・180・512px)ぴったりで書き出し、一つのサイズを無理に拡大縮小しないこと。
  • スライドや印刷なら、表示幅の 2〜3 倍で書き出す——小さいより大きいほうが安全です。
  • 透明背景はそのまま保持されます。これが JPG ではなく PNG を選ぶ主な理由です。

どこにでも貼れて透明も残るラスター画像が欲しいだけなら、PNG が定番の答えです。

よくある質問

SVG はアップロードされますか?

いいえ。変換はすべてブラウザ内で Canvas により行われ、SVG がサーバーに送信・保存されることはありません。

SVG を PNG にしてもぼやけませんか?

はい、大丈夫です。SVG はベクターで無限に拡大できるため、先に大きめの出力幅(1024 や 2048px など)を選んでからラスタライズすれば、鮮明で高解像度の PNG が得られます。

どのサイズを選べばいい?

favicon やアイコンは 256〜512px、一般的な Web 画像は 1024px、印刷や大きな図には 2048px 以上がおすすめです。大きいほど鮮明ですが、ファイルも大きくなります。

PNG は透明の背景を保ちますか?

はい。PNG は透過に対応しており、SVG の透明部分はそのまま保たれます。

関連記事

SVG を PNG に変換する方法と、解像度の選び方 →

このツールを埋め込む

このツールをあなたのサイトやブログに無料で設置できます。下のコードをコピーして貼り付けるだけです(当サイトへのリンクを含みます)。