Convert SVG vector images to PNG.
Quick answer
Export at the size the destination needs, not smaller. A PNG is a fixed grid of pixels, so a small PNG enlarged later is blurry, while the SVG tool draws the vector again at the final size and stays sharp. For websites, 2x the displayed size suits sharp phone screens.
| Output | A 24 px icon | A 200 px logo |
|---|---|---|
| 1x | 24 px | 200 px |
| 2x | 48 px | 400 px |
| 3x | 72 px | 600 px |
| 4x | 96 px | 800 px |
These figures are computed with the same formulas as the SVG to PNG above. Change the inputs in the tool to see your own result.
SVG to PNG turns a vector image into a PNG at the exact size you choose. Upload an SVG file or paste its code, pick 1x to 4x or a custom width, and choose a transparent or coloured background. Because the picture is drawn again at the final size, the result is sharp at any resolution. The conversion happens in your browser and nothing is uploaded.
Made for everyone. Typical uses:
A 200 by 100 pixel SVG logo converted at 4x becomes an 800 by 400 pixel transparent PNG with crisp edges. A 10 cm wide print logo at 300 dpi needs about 1,181 pixels across, which you can enter as a custom width.
The SVG needs a width and height or a viewBox so its size can be worked out. Fonts and pictures that the SVG loads from other websites are not fetched, so convert text to outlines and embed images before exporting. The largest side is 8,192 pixels and SVG files up to 5 MB are accepted.
Accuracy: Images are processed with the browser's own image engine and tested with real photos and graphics. Check the result before you use it.
Expert Tip
For web images choose 2x the display size, so the logo stays crisp on high-resolution screens.
An SVG file describes a picture with shapes, paths and text, not with pixels. That is why an SVG logo stays sharp at any size, and why the files are tiny. A PNG is a grid of pixels at a fixed size. Many places still cannot use SVG: email clients, social networks, presentation software, print services, upload forms and some content management systems accept only raster images such as PNG or JPG.
This tool draws your SVG at the size you choose and saves the result as a PNG, with a transparent or coloured background, entirely in your browser.
The great advantage of converting from a vector is that you can pick any size and get a sharp result, because the picture is drawn again for that size, not enlarged. Choose 1x to keep the SVG's own size, 2x, 3x or 4x for larger pictures, or type a custom width. The height follows the SVG's proportions, and the tool shows the exact pixel size before you convert.
By default the PNG has a transparent background, so the logo can sit on any colour of page. Untick the option to add a solid background, which is useful when the destination shows transparency as black or when you want a white square behind a dark logo. The preview shows a checkerboard behind the result so you can see transparency clearly.
A few problems account for almost every failure. The SVG must be valid: it needs to start with an svg element and be well-formed. It needs a size, either width and height attributes or a viewBox; without either, the tool cannot know how big it should be and will ask you to add one. Pictures and fonts that the SVG loads from other websites are not fetched when an SVG is drawn as an image, so text in a web font may appear in a fallback font and external pictures may be missing. To avoid this, convert text to outlines in your design software before exporting, and embed images in the file.
You can upload an SVG file or paste the SVG code straight into the box, which is convenient for code snippets from documentation or icon libraries.
Icons are one of the most common reasons to convert an SVG. Browsers use a 32 by 32 pixel favicon for tabs, Apple devices use a 180 by 180 pixel touch icon, and web apps installed on Android commonly ask for 192 by 192 and 512 by 512 pixel icons. Convert your SVG at each of those widths using the custom width option so every size is drawn sharply, instead of shrinking one large PNG.
Keep the design simple at small sizes: thin lines and small text disappear at 32 pixels, so use a simplified version of the logo for tiny icons.
To make the PNG smaller, use the Image Compressor; to change format, the Image Converter. To embed a small icon directly in a stylesheet or web page, use Image to Base64. If you also have a photograph, the Image Resizer sets exact dimensions. The article on JPG vs PNG vs WebP explains why PNG is the right raster format for logos and diagrams.
Nothing is uploaded: the SVG is drawn in your browser and the PNG is created there too.
Why SVG is sharp at any size, when you need a PNG anyway, how to choose the output size from 1x to 4x or a custom width, and how to keep transparency.
How JPG, PNG, WebP and AVIF differ in quality, size, transparency and compatibility, with clear rules for photos, logos, screenshots and websites.
What Base64 and data URIs are, the 33% size overhead, five ready-to-paste formats, and the cases where embedding helps or hurts.
Explore more in Image Tools, read the guides and articles, or see how we test our tools.
Convert images to Base64 encoded strings.
Best for embedding a small icon or logo directly in HTML or CSS
Compress images to reduce file size. Adjustable quality, instant preview and download.
Best for shrinking photos before uploading them to a website or CMS
Resize images to any dimensions.
Best for shrinking phone photos for email, forms and websites
Convert iPhone HEIC photos to JPG.
Best for sharing iPhone photos with people who use Windows or older Android phones
Convert PNG images to JPG format instantly.
Best for making screenshots small enough to email or upload
Convert WebP images to lossless PNG, keeping transparency.
Best for opening WebP logos and icons in editors that only read PNG