What changes when you turn an SVG into a PNG?
SVG is a vector format: it stores shapes and paths as instructions, so it can be scaled to any size without losing sharpness. PNG is a raster format made of a fixed grid of pixels. Converting from one to the other means choosing a pixel size and drawing the vector at that size.
This tool does that with your browser's canvas. It loads the SVG, reads its natural width and height, multiplies both by the Scale you pick (1x to 8x), and draws the image onto a canvas of that size.
PNG output keeps transparency, so areas with no fill in the SVG stay see-through.
Why people rasterize SVG files
Many places still do not accept SVG: some social platforms, email clients, slide decks, document editors and upload forms want a PNG or JPG. Converting lets you reuse a logo or icon in those places.
A PNG is also handy as a fixed preview, or when you need a specific pixel size for an app icon or thumbnail.
If the destination needs a flat background and a smaller file instead, use SVG to JPG. If the SVG is heavy and you want to slim its code before anything else, the SVG optimizer cleans it up.
How to convert an SVG to PNG
- Drop an SVG file onto the upload area, or click it to browse. Only .svg files are accepted there.
- Drag the Scale slider. It runs from 1x to 8x and starts at 2x.
- Click Convert. A preview of the PNG appears.
- Click Download to save it. The file keeps the original name with a .png extension.
- Use Start over to load a different SVG.
Worked example: an SVG that is 100 by 50 at the default 2x scale produces a PNG of 200 by 100 pixels. At 4x, it would be 400 by 200.
The conversion happens locally in your browser, and the SVG is not uploaded.
Tips and limits
Choose the scale by the largest size you will need. Scaling up a vector is lossless, but a PNG enlarged later will blur, so it is better to export big once than to resize a small PNG afterward.
If the SVG has no readable width and height, the tool falls back to 300 by 150 pixels before scaling. Adding explicit width and height attributes to your SVG gives predictable results.
If the file is not a valid SVG, or references external fonts or images that the browser cannot load while rendering it, the output may be wrong or you may see the message that it could not render the SVG. Very high scales on large artwork create very large images, so use the smallest scale that meets your need.