SVG to PNG Online

What is SVG to PNG?

This page draws an SVG into a transparent PNG at a scale you choose. Drop a file, pick one from disk, or paste <svg text when an icon or interface graphic needs a bitmap. Conversion stays in the browser. Files are not uploaded.

Scales are 1×, 2×, and 3×. If the long edge would pass 4096 pixels, the export shrinks in proportion. You can process about 10 files and download them as a ZIP.

When it fits

• An SVG from a design file has to land in slides, email, or an older tool that only accepts PNG
• An icon needs a bitmap with a transparent background, not a white plate
• The file has no width or height, but it does have a viewBox, and you want the artwork's own ratio

To edit paths and colors, use the SVG editor. If the file is already a bitmap and you want JPG or WebP, use the image converter. To shrink the PNG afterward, use Tiny Image.

Limits

• Export is PNG. PNG can carry an alpha channel, as defined in the W3C PNG specification.
• Preview and rasterizing both load a blob URL in an <img>. MDN's img element reference describes that mode: scripts inside an SVG used as an image do not run.
• External images, javascript: URLs, scripts, and foreignObject are removed before export. @font-face and page fonts are unreliable when SVG is loaded as an image, so type may fall back.
• Animation, filters, and HTML inside foreignObject can disappear. Scale is a pixel multiplier, not print DPI.
• Each file must be 8 MB or smaller.

References

• W3C PNG Specification
• MDN: SVG
• MDN: The img element

How to use it

1. Add an SVG

Drop a .svg, click to choose a file, or paste image/svg+xml and text that starts with <svg. The page reads the file locally through the browser File API. It is not uploaded to devtool.tech first.

About 10 files is the batch limit. Anything over 8 MB is skipped.

2. Choose a scale

1× exports at the SVG's own size. 2× and 3× enlarge the canvas. Numeric width and height, including px, are used when both are set. A percent, or a missing side, falls back to the viewBox. If neither size nor viewBox exists, the base is 512×512. The long edge is capped at 4096 pixels.

3. Download

Each card shows the PNG preview, pixel size, and file size. The preview is the drawn PNG, not SVG markup inserted into the page. Download one file, or zip the finished results.

What to open next

• Both directions on one page: SVG converter
• Edit the vector: SVG editor
• Turn a bitmap into JPG or WebP: image converter
• Shrink the PNG: Tiny Image

References

• MDN: File
• MDN: viewBox
• W3C SVG 2

FAQ

Are files uploaded?

No. Reading the SVG, stripping scripts and external links, drawing the canvas, and building the ZIP all happen in the browser.

Will a transparent PNG turn white?

No. The export is PNG and keeps the alpha channel, as described in the W3C PNG specification. The preview sits on a light background so you can see transparent pixels. The downloaded file is not flattened onto white.

Where does the size come from when width and height are missing?

A viewBox supplies the width and height. Without one, the base is 512×512, then 1×, 2×, or 3× is applied. The attribute is defined in MDN's viewBox reference.

How is this different from the SVG editor and the image converter?

This page only draws an SVG into a bitmap. The SVG editor is for changing the vector. The image converter works on bitmaps the browser has already decoded. It does not take SVG directly.

Why can't I change the font afterward?

The result is pixels, not a <text> element. Loading the SVG as an img also means page webfonts and removed external fonts are not reliably embedded, so glyphs fall back to a font the browser can use.

Is the scale 300 DPI?

No. Scale only enlarges the pixel canvas. The long edge stops at 4096. If you need a print resolution, convert that target into pixels yourself. 3× is not 300 dpi.

References

• W3C PNG Specification
• MDN: viewBox
• MDN: The img element