SVG から PNG への変換ツール — ベクター画像を透過 PNG として書き出し
SVG コードや .svg ファイルを、透明度を保ったまま高品質な PNG 画像に変換します。
ベクターをプレビューし、必要ならソースを編集し、背景を選んで、ブラウザから直接ラスター PNG をダウンロードできます。
一か所で SVG を透過 PNG に変換
SVG は編集可能なベクターに最適ですが、Notion、Slack、Office、アプリアイコン、ラスター画像エディターなど、多くのツールは本物のアルファチャンネルを持つ PNG を必要とします。このページは、既存のブラウザベースの SVG スタジオの上に、SVG から PNG に特化したワークフローを提供します。アップロードまたは貼り付け、プレビューを確認してから書き出します。
SVG をアップロードまたは貼り付け
.svg ファイルをドロップするか、生の SVG/XML ソースを貼り付けます。プレビューが即座に更新されるので、書き出す前に壊れたマークアップに気づけます。
書き出し前のライブプレビュー
ズーム、パン、プレビュー背景の切り替えで、ストローク、グラデーション、透明な領域が PNG にどうラスタライズされるかを確認できます。
PNG を主要アクションに
スタジオは PNG を主要な書き出し先として開き、SVG、JPG、PDF、ICO はドロップダウンからワンクリックで切り替えられます。
ブラウザ内で動作
変換はローカルのブラウザ API を使用します。SVG はサーバーにアップロードされないため、非公開のロゴ、アイコン、社内図に適しています。
なぜここで SVG を PNG に変換するのか？
専用の PNG 変換ツールは、よくある形式の手間を取り除きます。デザインアプリも、コマンドラインも、別のビューアーも不要で、プライバシーを犠牲にすることもありません。
透明度をそのまま保持
JPG とは異なり、PNG はアルファチャンネルを保持します。SVG の透明な領域は書き出した PNG でも透明なまま残り、どんな背景にも重ねられます。
ラスタライズ前にソースの問題を修正
SVG に誤った塗り、大きすぎる viewBox、貼り付けた壊れたマークアップがある場合、悪い画像を書き出して別の場所でやり直す代わりに、プレビューの横でソースを編集できます。
SVG 本来の解像度で書き出し
スタジオは viewBox と width/height を読み取って妥当なラスターサイズを選び、巨大なキャンバスを避けるよう上限を設けます。これによりロゴやアイコンはファイルサイズを膨らませることなく鮮明に保たれます。
登録不要・上限なし・アップロード待ちなし
変換はクライアントサイドで行われるため、クラウド処理を待つことも、作品を第三者の変換ツールに渡すこともなく、何度でも使えます。
SVG から PNG への変換のために作られた
このページは SVG から PNG への作業に特化しつつ、完全版 SVG Viewer を便利にしている検査・編集ツールも残しています。
PNG 主要書き出しボタン
主要な書き出し操作はまず PNG をダウンロードし、特定の SVG から PNG への作業のためにここへ来たユーザーのクリック数を減らします。
アルファチャンネルを保持
SVG の透明なピクセルは透明な PNG ピクセルになります。市松模様の背景はプレビュー補助にすぎず、出力に焼き込まれることはありません。
整形機能付きソースエディター
SVG ソースを整形または圧縮し、属性を修正し、編集中もレンダリングされたプレビューを同期させます。
ズーム・パン・フィット
書き出し前に、カーソル基準のズーム、ドラッグによるパン、ウィンドウへのフィット、100% リセットで、小さなアイコンや大きな図を検査できます。
デバッグ用ピックモード
プレビュー内の要素をクリックすると、そのソース行が見つかります。AI 生成や書き出された SVG に数百のパスが含まれている場合に便利です。
複数のバックアップ形式
代わりに JPG、ベクター PDF、favicon の ICO、または整理済みの SVG が必要ですか？同じスタジオでこれらの書き出しオプションを手元に置いておけます。
SVG から PNG — よくある質問
SVG ファイルをオンラインで PNG に変換することについてのよくある質問。
はい。登録不要、クレジットカード不要、1 日の上限なしで、ブラウザ内で動作します。
いいえ。アップロード、解析、プレビュー、編集、PNG の書き出しはすべてブラウザ内でローカルに行われます。SVG が端末を離れることはありません。
はい。SVG の透明な領域は PNG でも透明なまま残ります。市松模様の背景はそれらの領域をプレビューするための補助にすぎず、出力には含まれません。
はい。スタジオには整形、圧縮、ライブプレビュー、クリックして位置を特定する機能を備えたソースエディターが含まれており、ラスタライズ前に SVG を修正できます。
変換ツールは SVG の viewBox と width/height 属性を使ってラスターサイズを選び、ブラウザでキャンバスが扱える状態を保つために、1 辺あたり最大 8192 px、約 3,200 万ピクセルを上限とします。
透明度、ロゴやアイコンのくっきりしたエッジ、または可逆圧縮が必要なときは PNG を選びます。透明度が不要で、写真のような画像のファイルを小さくしたいときは JPG を選びます。
はい。このページでは PNG が主要アクションですが、書き出しメニューには SVG、JPG、PDF、ICO のオプションが引き続き用意されています。
今すぐ SVG を PNG に変換 — または AI でまったく新しい SVG を生成
SVG コードを貼り付け、.svg ファイルをアップロードし、プレビューして、ブラウザ内で直接透過 PNG を書き出します。まだ SVG がありませんか？GPT Image 2 で 1 分以内に生成できます。