SVG to PNG converter
Convert an SVG file to PNG online, free. High-quality export at 1×, 2×, 4× or an exact pixel size, on a transparent, white, black or custom background, with 150 or 300 dpi metadata for print — one file or a whole folder zipped. Rendered in your browser, never uploaded.
Runs entirely in your browser — nothing is uploaded, no account needed.
Need the markup smaller before you rasterise? Run it through the Optimizer first. Need a lossy, lighter raster instead? SVG to WebP shares this renderer.
How to convert SVG to PNG in the browser
Drop an SVG file — or paste the inline <svg> markup straight out of an HTML page — pick a background and a size, and download the PNG. That is the whole workflow for turning an SVG into a PNG, free and with no account. Under the hood the markup is serialised, loaded as an image, and drawn onto a canvas at the size you chose, derived from the file's viewBox or, failing that, its width and height. A file that declares neither is measured instead: the drawn content's real bounding box becomes the frame, so the PNG shows exactly what is painted rather than an arbitrary 100 × 100 crop. The canvas is then encoded as a PNG. The output dimensions are shown before you export, and the whole pipeline runs in your browser: the file is never uploaded anywhere, which also means it works the same on macOS, Windows, Linux or a tablet.
Transparency is the default. Where the drawing doesn't paint, the PNG stays transparent — pick White, Black or any custom colour instead when the destination needs the artwork flattened onto a solid background. The preview switches to the same background, so what you see is what the file will contain.
High-quality output: presets, exact pixels, and dpi for print
The 1×, 2× and 4× presets multiply the file's intrinsic size, which is the quick way to a crisp, high-resolution export: 2× covers high-DPI screens, 4× covers print-ish uses. Quality here is a matter of size, not a slider — PNG is lossless, so the only way a rasterised SVG looks soft is being exported smaller than it is shown. When the deliverable is an exact size — a 1200×630 social card, a 1024×1024 store icon, an 8K-wide banner — switch to Custom and type the pixel width or height (or tap one of the 256 / 512 / 1024 / 2048 chips); the other side follows the drawing's aspect ratio, up to 8192 px per side. Because the source is a vector, resizing happens before rasterisation: a 16 px icon exported at 4096 px is re-rendered sharp, not upscaled. If the file's intrinsic size itself is wrong, fix it first in Resize & viewBox.
For print, set DPI metadata to 150 or 300. This writes a physical-size (pHYs) chunk into the PNG so InDesign, Word, Photoshop and print-on-demand uploaders read the intended paper size instead of assuming 72 dpi. It does not add pixels — the pixel dimensions you chose are still what gets printed — so pick them for the physical size you need: a 4 × 6 inch print at 300 dpi wants 1200 × 1800 px, and the Output line shows the resulting inches as you type.
Batch convert SVG to PNG
Drop or select several SVG files at once and they queue up in a list; the same scale, background and dpi apply to every one, each file's own aspect ratio is respected, and Download as ZIP renders them in turn and hands back a single archive. Files that fail to read or exceed the size cap are reported by name rather than silently skipped. There is no per-file upload, so a folder of two hundred icons is a local render loop, not two hundred round-trips. Need a single PNG on the clipboard instead of a file? The Copy PNG button writes it there directly, ready to paste into Slack, Figma or a document.
When you need a PNG instead of an SVG
Anywhere SVG is not accepted: marketplace listings, app store assets, email clients, office documents, older CMSes. For thumbnails and social preview images where a raster at a known size is the actual deliverable. And as a quick check of how an icon really rasterises at the size it will be seen — thin strokes and one-unit gaps behave differently in pixels than in a vector viewport. Going the other way — recovering a vector from a raster you were handed — is the PNG to SVG converter's job. For a smaller lossy raster the SVG to WebP converter shares this renderer.
Common problems
- The PNG is blurry where it's used. It was exported at 1× and scaled up afterwards. Export at the size it will be displayed — use Custom for an exact target — or 2× to cover high-DPI screens.
- Text renders in the wrong font, or an image is missing. Fonts and images referenced by URL are not fetched during rasterisation. The checklist that appears under the preview names these before you export; convert the text to paths in the editor that made the file, or inline the image as a data URI.
- Colours come out black or missing.
currentColorand CSS custom properties have no page to inherit from inside the rasteriser — the checklist flags both. Bake real colours in first with the Color Replacer. - The print shop says the file is 72 dpi. Canvas PNGs carry no dpi at all, so software assumes 72. Re-export with DPI metadata set to 300 — the pixels are unchanged, the declared size is not.
- A background you didn't ask for. The background switch here only fills behind transparency — a rectangle inside the file is part of the drawing, and the editor is the place to delete it.
Questions
Is this SVG to PNG converter free?
Yes. Converting SVG to PNG here is free, with no account, no watermark and no export limit — single files or batches. The site is funded by advertising.
Does the PNG keep a transparent background?
Yes — transparent is the default. The canvas behind your artwork is simply never filled, so the alpha channel survives into the PNG. Choose White, Black or a custom colour instead when you want the drawing flattened onto a solid background.
How do I get a high-quality, high-resolution PNG from an SVG?
Export at 2× or 4×, or switch the scale to Custom and type an exact pixel width or height, up to 8192 px per side. The source is a vector, so it re-renders sharply at any size — nothing is being stretched — and PNG is lossless, so there is no quality setting to lose detail to. Pick the size the PNG will actually be displayed or printed at.
Can I convert inline SVG code from an HTML page?
Yes. Copy the <svg>…</svg> element out of the page source and paste it into the markup box — it is rendered exactly like a dropped file. Styles that live in the page’s CSS rather than inside the element will not come along, so bake those in first.
Can I convert an SVG from a URL?
Not by pasting the link — this converter runs entirely in your browser and never fetches from other sites, which is also why nothing you convert is uploaded. Open the URL in a tab, save the file (or copy its markup) and drop it here; the result is identical.
Can I export at 300 dpi for print?
Yes. Set DPI metadata to 150 or 300 and the PNG carries a physical-size chunk that print software reads. DPI does not add pixels — choose the pixel size for the paper size you need (inches × dpi); the Output line shows the resulting inches as you type.
Can I convert several SVG files at once?
Yes. Drop or select multiple SVG files and they queue in a list; one click renders them all with the same settings and downloads a single ZIP. Files that cannot be read are reported by name.
Is my SVG file uploaded to a server?
No. The SVG is drawn onto a canvas and encoded as a PNG by your own browser, on your own machine — batches included. There is no upload endpoint.
Why is text or an image missing from the PNG?
The SVG references a font or image by URL, and the rasteriser will not fetch it. A checklist under the preview names these problems before you export; convert the text to paths or inline the image as a data URI, then export again.
Does it work on Mac and Windows?
Yes. It runs in the browser, so macOS, Windows, Linux, ChromeOS and tablets all work the same way, with nothing to install. For scripted conversion, see the guide to converting SVG to PNG on any platform.
Can I convert SVG to JPG or WebP instead?
This tool outputs PNG, which keeps transparency and stays lossless. For a smaller lossy raster, use the SVG to WebP converter. JPEG is deliberately not offered — it cannot carry an alpha channel.
Notes
- Files without a
viewBoxor explicit width and height are measured from their drawn content, so the PNG frames exactly what is painted. - External fonts and images referenced by URL will not render — the checklist under the preview flags them before you export.
- DPI is metadata: 300 dpi does not add pixels, it tells print software how large the pixels you chose should be on paper. Pick the pixel size for the physical size you need (inches × dpi).
- Rasterising is one-way. Keep the SVG if you need to edit it later.