Drop files here, or click to browse
Drop one or many SVG files, or paste SVG code below.
Bulk supported. Add several files and they are processed in a queue with one ZIP download. The same settings apply to every file, and nothing leaves your device.
How to use
01
Upload or paste the SVG
Drop one or many .svg files up to 20 MB each, choose a folder, or paste the SVG markup into the code box and click Use pasted code. A single file shows a preview on a checkerboard background.
02
Choose size, background and format
Size by Width, Height or Scale (0.5x to 8x). Keep the background transparent or pick a colour, optionally set the icon colour, and keep PNG or switch to JPG or WebP.
03
Convert and download
Click Convert to PNG. One file downloads with the original name and a .png extension. Several files download together as svg-to-png.zip, each at its own shape.
Why SVG to PNG Converter
- Set width, height or a 1x to 8x scale, up to 10,000 px per side.
- Convert many SVGs at once into one ZIP.
- Transparent or coloured background, and a colour for currentColor icons.
- Renders in your browser. Nothing is uploaded.
Recommended PNG widths
Because an SVG can be drawn at any size, the only question is how many pixels the PNG needs. Too small looks blurry, too large just wastes space. These are common targets.
| Use | PNG width | Why |
|---|---|---|
| Browser favicon | 32 or 48 px | Browsers show favicons at 16 to 32 px |
| Apple touch icon | 180 px | The size iOS uses for home screen icons |
| Web app manifest icons | 192 and 512 px | Sizes Android and install prompts expect |
| Website logo | 2 to 3 times the display width | Stays sharp on high density screens |
| Slides and documents | 1000 to 2000 px | Clean at full screen without huge files |
| Print at 300 DPI | Inches x 300 | A 3 inch wide logo needs about 900 px |
Common questions
What width should I choose when converting an SVG logo to PNG?
Work back from where the PNG will be shown. For a logo displayed 300 pixels wide on a website, export 600 or 900 wide so it stays sharp on high density screens. For print, multiply the size in inches by 300, so a 3 inch logo needs about 900 pixels.
Can I paste SVG code instead of uploading a file?
Yes. Paste the markup, starting with <svg, into the code box and click Use pasted code. If the code is incomplete or not valid SVG, an error explains what went wrong. The PNG is named pasted.png, and you can paste more code to build a batch.
Why does my SVG to PNG export have a transparent background?
Because the SVG has no background shape, and the PNG keeps that empty area as transparency. That is usually what you want for logos. If a platform needs a solid background, turn off Transparent background and pick a colour, or choose JPG output, which always gets a background colour.
Can I size the SVG to PNG output by height instead of width?
Yes. Choose Height under Size by and type the height; the width follows the SVG's shape so nothing stretches. Scale works from the SVG's own size, so 2x turns a 24 px icon into 48 px. If the SVG has no viewBox and no width and height, the tool assumes a square and tells you so.
Does text inside my SVG render correctly in the PNG?
Only if the font is available. When an SVG is drawn as an image, the browser cannot load web fonts linked from it, so text may fall back to a default typeface. Convert text to outlines in your design tool before exporting.
Why won't my SVG convert to PNG?
The most common causes are external images or stylesheets linked by URL, and scripts, none of which run when an SVG is drawn as an image. Inline the styles and embed images as data URIs, then try again.
Can I make a PNG larger than the SVG's original size?
Yes, and it stays sharp. A vector has no fixed resolution, so an icon drawn on a 24 unit grid renders cleanly at 4096 pixels wide. That is the big advantage over enlarging a raster image.
Can I convert several SVG files to PNG at once?
Yes. Drop them all in or choose the folder, and every file is rendered with the same size rule, background and format. Each SVG keeps its own shape, and Download all saves one ZIP.
How do I change the colour of an SVG icon when exporting a PNG?
Icon sets such as Lucide, Heroicons and Feather draw with currentColor, which is black when the SVG is shown as an image. Turn on Set icon colour and pick a colour, and that colour is used for the whole icon. Icons with fixed fill colours keep their own colours.