SVG to PNG
SVG is the right format for logos and icons on the web, but plenty of places will not take it: app store listings, older document templates, some social platforms and most image editors expect a raster file such as PNG. Converting to PNG solves that.
Because SVG is a vector format, you choose the pixel size of the PNG rather than being stuck with a fixed one. Upload the file, pick a size and a background, check the preview and download. The SVG is rendered in your browser.
Runs in your browser. SVG to PNG processes your input on your own device. Nothing you enter or upload is sent to a server.
Did this tool help you? ☕
WebzTools is free to use. If this tool saved you some time, you can support the project with a coffee and help us keep improving the tools.
(opens in a new tab)How to use the SVG to PNG
- Upload your SVG by clicking the upload area or dragging the file onto it.
- Pick an output size: Original Size, one of the 512, 1024, 2048 or 4096 pixel presets, or Custom Size with your own width and height.
- Pick a background: Transparent (the default), White, Black or a Custom Color.
- Select Convert to PNG, check the preview, then select Download PNG. The file keeps the SVG's name with a .png extension.
Supported formats: SVG input (.svg). PNG output. The custom size fields are labelled 1 to 8192 pixels per side, and very large canvases can fail on devices with limited memory.
Choosing the output size
The converter draws the SVG stretched to fill exactly the width and height you ask for, and does not preserve its proportions. A 200 × 100 logo exported with a square preset comes out squashed. For non-square artwork, use Original Size, or Custom Size with the same proportions: 800 × 400 for that logo.
| Option | Output size | Notes |
|---|---|---|
| Original Size | The width and height read from the SVG | Taken from the SVG's width and height when both are plain numbers or use px, in, cm, mm, pt or pc (converted at 96 pixels per inch). Otherwise, for example with percentage sizes, the viewBox is used instead. If neither gives a usable size, 512 × 512 is assumed. Often small for icons. |
| 512, 1024, 2048, 4096 | A square PNG, for example 1024 × 1024 pixels | The presets are always square. |
| Custom Size | The width and height you type | Use this to scale non-square artwork to an exact size. |
Transparent and solid backgrounds
Transparent leaves every area the artwork does not cover see-through in the PNG. White, Black and Custom Color fill the whole canvas with that color before the SVG is drawn, which is what you want when the destination shows transparency badly or not at all. JPEG cannot store transparency either, so choose a solid background first if you plan to turn the PNG into a smaller JPEG with the JPEG Compressor.
To pick a background that matches your artwork, the Color Palette extractor can read its colors from an image of the logo.
What changes from vector to raster
- A PNG is a fixed grid of pixels. Enlarging it later blurs or pixelates it, so keep the SVG as your master and export again at a bigger size when you need one.
- For sharp results on high-density screens, export at about twice the size the image will be displayed.
- Larger pixel sizes produce larger files, even though the artwork itself loses nothing.
- Text, shapes and gradients become pixels and can no longer be edited. Animation and scripts are not carried over: you get one still image.
Fonts and linked images
The SVG is drawn as a standalone image, so it cannot fetch anything from the web while it renders. Images linked by URL, web fonts loaded from a URL and external stylesheets will not load. Text set in a font installed on your device renders with it. Text in any other font falls back to a default.
For reliable results, convert text to outlines in your editor and embed any images in the SVG itself before converting.
Things worth knowing
- SVGs that reference external fonts or images may render without them, since only the file you upload is available to the converter.
- One file at a time. There is no batch conversion.
Frequently asked questions
What resolution should I export at?
Match it to where the image will be used, then go a step larger if it will appear on high-density screens. Because the source is a vector, exporting at 2048 or 4096 pixels costs you nothing in sharpness, only in file size.
Can I keep the background transparent?
Yes, and that is the default. You can also choose white, black or a custom color if the destination does not handle transparency well.
Why does my PNG look stretched or squashed?
The size presets are square, and the converter fills the exact width and height you choose without keeping the SVG's proportions. Use Original Size, or Custom Size with the same proportions as your SVG.
Is my file uploaded?
No. The SVG is read and drawn to a canvas in your browser and exported from there, so it stays on your device.
Related tools
JPEG Compressor
Compress images to a target size or by quality
Color Palette
Extract colors from any image
Background Remover
Remove image backgrounds with AI
Image to PDF
Convert images to PDF documents
Favicon Generator
Build a complete favicon pack from one image
Image Converter
Convert JPG, PNG and WebP images to each other
Image to SVG Vectorizer
Trace PNG and JPG images into real SVG vector paths