Stax
Tools

SVG to PNG Converter

Convert SVG to PNG online. Choose scale and download PNG.

PNG will appear here after conversion

SVG to PNG コンバーター — ベクターグラフィックを高解像度PNGとして即座にエクスポート

SVG（スケーラブルベクターグラフィックス）はウェブ開発でのアイコン、ロゴ、イラストに最適なフォーマットです——無限にスケーラブルで、ファイルサイズが小さく、コードで編集できます。しかし多くのプラットフォーム、メールクライアント、デザインツールはベクターSVGではなくラスターPNGファイルを必要とします。このコンバーターは、アップロード不要でブラウザ内で完全に動作し、任意のSVGを必要な正確なスケールの高解像度PNGに変換します。

SVGコードをテキストエディタに直接貼り付けるか、アップロードボタンを使って.svgファイルをアップロードしてください。出力スケールを選択します：1×はSVGのネイティブサイズでエクスポート、2×はRetinaとHiDPIスクリーン用にピクセル数を2倍に、3×または4×は印刷や大判出力用です。透明な背景を選択してアルファ透明度のあるPNGを取得するか、ソリッドフィルが必要な場合は背景色を選んでください。変換をクリックしてPNGをダウンロードします。変換全体はブラウザ組み込みのSVGレンダラーとHTML Canvas APIを使用し、ブラウザでSVGがネイティブにレンダリングされる方法と一致するピクセル精度の出力を生成します。

メールマーケティングチームは、ほとんどのメールクライアント（特にOutlook）がSVGをレンダリングしないため、メールヘッダー用のSVGロゴをPNGに変換します。ソーシャルメディアマネージャーは、ラスター画像を必要とするInstagram、Twitter、LinkedInの投稿用にSVGイラストをPNGにエクスポートします。iOSおよびAndroid開発者は、XcodeとAndroid Studioのアセットカタログが必要とする3つの画像アセットバリアントを生成するために、SVGを1×、2×、3×のスケールでPNGにエクスポートします。印刷デザイナーはInDesignやCanvaの高解像度印刷モックアップ用にSVGを4× PNGにエクスポートします。

フロントエンド開発者は、バックエンドAPIやサードパーティ統合がSVGではなくPNG画像のみを受け付ける場合に使用します。グラフィックデザイナーはAdobe IllustratorやAffinity Designerを開かずにSVGアイコンからPNGエクスポートを素早く生成するために使用します。ノーコードビルダーはFigmaやCanvaのベクターエディターなどのツールからSVGイラストを、SVGアップロードをネイティブサポートしないウェブサイトビルダー用のPNGフォーマットにエクスポートするために使用します。

SVGコードと画像はHTML Canvas APIを使用してブラウザ内で完全に処理されます——ファイルの内容はいかなるサーバーにもアップロードされないため、独自のロゴファイルや機密のデザインアセットも安全に扱えます。

よくある質問

Why convert SVG to PNG?
SVG (Scalable Vector Graphics) is not supported everywhere — older email clients, some image editors, and many social media platforms require raster formats like PNG. Converting to PNG makes your graphic universally compatible while preserving quality at the chosen resolution.
What scale should I choose?
1× exports at the SVG's native size (width/height attributes or viewBox). 2× doubles the resolution (good for Retina/HiDPI screens). 3× or 4× for very high-resolution output, print, or large displays. For icons, 2× is usually sufficient.
Does this tool support transparent backgrounds?
Yes. The default background is 'Transparent', which produces a PNG with a transparent alpha channel. Choose a colour if you need a solid background. Transparent PNGs work on any background in apps that support alpha transparency.
Does my SVG file get uploaded to a server?
No. Everything happens 100% in your browser. Your SVG code is rendered on an HTML canvas using the browser's built-in SVG engine and exported to PNG locally. No data is sent to any server.
Why does my SVG show as blank or black?
This usually happens when the SVG uses external resources (fonts, images, or stylesheets loaded via URL). Browser security prevents cross-origin resources from rendering on canvas. Make sure all fonts and images are either inline or omitted.

関連ツール