Convert SVG code or files to PNG images with custom size and background.
ツールを読み込み中…
このツールについて
The SVG to PNG Converter lets you turn any SVG graphic into a raster PNG image entirely in your browser. Paste SVG markup directly into the editor or upload a .svg file from your computer. A live preview renders the SVG so you can verify it looks correct before exporting. Set a custom output width and height, or lock the aspect ratio so proportions are preserved when you change one dimension. Choose a transparent background for icons and logos, or pick a custom fill colour for banners and social images. When ready, click Download PNG — the conversion uses an HTML5 canvas so nothing is sent to a server and your artwork stays private.
使い方
1Paste SVG code into the editor or click Upload SVG to load a file.
2Check the live preview to confirm the graphic looks correct.
3Set the output width in pixels; toggle Maintain Aspect Ratio to auto-fill the height.
4Choose a background colour or select Transparent.
5Click Download PNG to save the converted image to your device.
よくある質問
SVGs are resolution-independent vectors, so scaling up should produce a crisp result. If elements look blurry or clipped it usually means the SVG's viewBox attribute is missing or the width/height attributes are set in pixels rather than being omitted to allow free scaling. Try removing fixed width/height attributes from the SVG root element.
External resources (web fonts loaded via @font-face URLs, linked raster images with an absolute URL) may not render correctly because the browser sandbox blocks cross-origin resource loading inside a canvas. Inline your fonts as base64 data URIs and embed images as data URIs for best results.
The practical limit is your browser's available memory. Very large canvases (above 4096×4096 pixels) may be slow or fail on mobile devices. For print-ready artwork at 300 dpi a typical A4 page needs about 2480×3508 pixels, which most desktop browsers handle without issue.
Yes. When transparent is selected the canvas background is not filled before drawing, so any area of the SVG that has no fill or uses fill='none' will be transparent in the downloaded PNG. If the SVG itself contains a white rectangle background shape you will need to remove that element from the markup first.
{# Alpine.js — self-hosted. (The previous jsdelivr CDN tag had a stale SRI
integrity hash, so the browser refused to run it and window.Alpine was
never defined — silently breaking every FAQ accordion and Alpine tool.) #}