SVG to PNG
Convert SVG vector graphics to high-resolution PNG images
Drop an .svg file or click to browse
PNG output will appear here
From vector math to a pixel grid
An SVG is defined by math, so it scales to any size without blurring. A PNG is a fixed grid of pixels. Converting one to the other means choosing a resolution and letting the browser draw the SVG at that size. The scale multiplier is how you match the output to its destination, whether that is a small icon or a large social banner.
Choosing the scale
1x renders the SVG at its declared dimensions, so a 500 by 500 source gives a 500 by 500 PNG. For web use, 2x covers Retina and high-DPI screens. For social cards, 2x or 3x reads sharper than 1x. 4x is the top of the range and suits large graphics where text has to stay legible. The cost is file weight, since a 4x render of a busy SVG can reach several megabytes, so stick to 1x or 2x when the destination is a screen.
What survives the rasterization
Everything visible carries over: shapes, gradients, text, filters, and masks. The browser paints the SVG to a canvas and exports the pixels, so the PNG matches what a browser preview shows. Fonts render as long as the SVG uses a web-safe family or inlines the glyphs as paths. An external image referenced inside the SVG never loads, because the browser rasterizes the SVG in isolation, so external references are always dropped from the output. Inline those assets as data URIs inside the SVG before converting. PNG keeps a transparent background by default, so add a background rectangle in the SVG when you need a solid fill.