Monu Tools

SVG→PNG変換

SVGベクターグラフィックを任意のサイズのPNGラスター画像に変換します。ブラウザ内で完結します。

SVG→PNG変換の使い方

  1. 01

    SVGファイルをアップロードするか、マークアップを貼り付けます。

  2. 02

    出力幅を設定します。高さはアスペクト比に従います。

  3. 03

    レンダリングされたPNGをダウンロードします。

What it does

An SVG to PNG converter that rasterizes vector graphics at any resolution you choose, in your browser. Give it an SVG file or paste the raw markup, set the output size, and download a PNG.

SVG is a vector format made of shapes and paths, so it scales to any size without blurring, which is why icons and logos are stored as SVG. PNG is a raster (pixel) format, which is what many platforms, image fields and tools actually accept.

Conversion happens entirely on your device, so your graphics are never uploaded to a server.

How it works in your browser

It runs locally with the Canvas API, rendering the SVG and reading back the pixels, so conversion is instant and your graphics stay on your device.

Resolution and transparency

Because the source is vector, you can export at whatever resolution you need without losing sharpness. For crisp results on high-resolution screens, export at 2x or 3x the size the image will be displayed at.

PNG supports transparency, so an SVG with no background converts to a PNG with a transparent background, ready to place over any color, which is ideal for logos and icons.

Fonts and external resources

One caveat: the SVG renders using the fonts your browser has available, and an SVG that references external images or resources may not include them. Self-contained SVGs, with shapes and embedded data, convert most reliably.

よくある質問

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

いいえ。SVGはCanvas APIを使ってブラウザ内でPNGにレンダリングされるため、サーバーには何も送信されません。

どのサイズでエクスポートすればよいですか?

SVGはベクターなので、ぼやけることなく任意のサイズでエクスポートできます。高解像度ディスプレイでシャープな表示にするには2倍または3倍のサイズでエクスポートしてください。

外部画像やフォントも含まれますか?

フォントはブラウザが利用可能なものを使用し、外部リソースを参照するSVGはそれらを含まない場合があります。自己完結型のSVGが最も確実に変換されます。

出典

このツールを埋め込む

このツールをご自身のウェブサイトに追加できます。下のコードをコピーしてください。内容は自動的に最新の状態に保たれます。

<iframe src="https://monu.tools/embed/ja/svg-to-png" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>

関連ツール