SVG to PNG Converter
NewRasterise an SVG at any size, sharp — the vector is drawn at the size you ask for, not scaled up afterwards.
Runs entirely in your browser
Loading tool...
How to use
- Drop an SVG file in, or paste the markup straight from your editor.
- Pick a scale, or type the exact pixel width you need.
- Choose a transparent or white background — transparency is kept unless you ask for white.
- Convert, then download the PNG.
Features
- Draws the vector at the target size, so 4× is genuinely sharp rather than a small render enlarged.
- Works out the size properly when the SVG has none of its own, taking the shape from the viewBox instead of falling back to a browser default.
- Understands width and height in px, pt, cm, mm and inches, and knows that a percentage means nothing without a container.
- Keeps transparency, or fills it with white for a format that needs a solid background.
- Runs entirely in your browser. Nothing is uploaded, which matters when the file is an unreleased logo.
Frequently asked questions
- Why does my SVG come out at 300 × 150?
- That is the default size browsers give an image with no size of its own, and it is the usual reason an exported SVG comes out blurry or cropped. This tool never uses it: if the width and height attributes are missing or given as percentages, the size is taken from the viewBox and you are told that is what happened.
- What size should I export at?
- Two or three times the size the image will be displayed at, if it is going on a screen. A logo shown at 200px wide should be exported at 400 or 600 so it stays sharp on a high-density display. Beyond 3× the file grows faster than the quality improves.
- Why do my fonts look wrong in the PNG?
- Because text in an SVG is rendered with the fonts available where it is rasterised — here, your browser. If the file refers to a font that is not installed, a substitute is used. Converting the text to paths in your design tool before exporting removes the problem completely, and is worth doing for a logo.
- Can I convert an SVG that links to other files?
- Not reliably. An SVG that references external images, fonts or stylesheets is rasterised without them, because the file is rendered in isolation for privacy — nothing is fetched. Embed the assets in the SVG first, and everything will render.
Related tools
Strip what an editor left behind — metadata, comments, fourteen-decimal coordinates — without changing what the file draws.
Crop to an exact aspect ratio or exact pixels, in your browser — the file never leaves your device.
Turn an image into a data URI you can paste into HTML or CSS — and back again.
One image into the handful of icon sizes browsers actually request — plus the markup to paste.