SVG to PNG — Convert SVG Vector Graphics to PNG Raster Images
Convert SVG vector graphics to PNG raster images. Set custom width, height, and DPI — runs in your browser, no upload needed.
Drop your SVG image here
or click to browse (max 50MB)
SVG is the ideal format for authoring and editing — resolution-independent, text-editable, and native to every design tool. PNG is the ideal format for distribution — universally supported, pixel-perfect, and accepted by every platform that displays images. Converting from SVG to PNG is the standard workflow step between a design that is still being iterated and an asset that is ready to ship. The conversion is one-directional in the sense that the vector source is the canonical version; the PNG is a rendered snapshot, and the source SVG should be kept alongside it for future edits.
The quality of the conversion depends on two rendering decisions: the resolution (output dimensions in pixels) and the anti-aliasing (how edges are smoothed). The converter renders the SVG at the specified pixel dimensions using the browser’s SVG engine, which produces the same output you see when opening the SVG directly. The DPI setting maps logical inches to pixels, so a 300 DPI export of a 2-inch-wide SVG yields a 600-pixel-wide PNG suitable for print. The background defaults to transparent — if the SVG has no background rectangle, the PNG’s alpha channel is transparent, which is correct for logos, icons, and graphics that are meant to be placed over varying backgrounds. The tool runs entirely in your browser; the SVG is rendered locally and never transmitted.
How to use
Drop your SVG file
Drop an .svg file or paste SVG markup. The renderer displays a live preview of the SVG at the current output dimensions, so you can verify the graphic looks correct before rasterising.
Set output dimensions
Choose the output width and height in pixels. The default is the SVG's own viewBox dimensions; toggle 'lock aspect ratio' to resize proportionally. DPI controls the pixel density — 72 for screen, 300 for print.
Download the PNG
Click download to save the PNG. The output includes a transparent background if the SVG has no background rectangle; the alpha channel is preserved in the PNG.
Frequently asked
Why would I rasterise an SVG to PNG?
PNG is universally supported — every operating system, every messaging app, every social media platform renders PNG natively. SVG support varies, especially in email clients, CMS uploads, and third-party embeds where SVG may be blocked for security reasons.
Does the PNG preserve transparency?
Yes. If the SVG has no background fill, the PNG output has a transparent alpha channel. The transparency is full 8-bit alpha — not binary (on/off) — so anti-aliased edges and semi-transparent elements render correctly against any background.
What resolution should I choose for print?
For print at 300 DPI, multiply your desired print dimensions in inches by 300. A 4×3 inch graphic at 300 DPI needs 1200×900 pixels. The DPI setting in the output options calculates the pixel dimensions automatically from the physical dimensions.
Does it render CSS styles from external stylesheets?
Inline styles and `<style>` blocks within the SVG are rendered. External stylesheets referenced by URL are not fetched. For SVGs that depend on externally-hosted CSS, inline the styles before conversion.
Limitations
- No multi-resolution exportThe tool exports a single PNG at the specified dimensions. For srcset-responsive images (1x, 2x, 3x), run the conversion multiple times at each resolution — the output dimensions are configurable per export.
- Animation is lostSVG animation elements are rendered at their initial state only. For animated SVG export, record the browser rendering as a video or export individual frames as PNGs in a separate tool.
- Font rendering depends on system fontsText in the SVG is rendered using the fonts available in your browser. If the SVG references a font that is not installed, the browser's fallback font is used and the rendered text may differ from the designer's intent.
Platform notes
- macOS
- The macOS equivalent is `qlmanage -t -s 1200 -o . file.svg` (generates a PNG thumbnail) or `sips` for image conversion. The browser tool gives pixel-exact dimension control.
- Linux
- Inkscape and rsvg-convert are the standard CLI tools. The browser tool avoids installing packages and gives a live preview of the output dimensions before saving.
- Web
- Runs entirely in the browser using the Canvas API. SVGs are rendered locally and never uploaded — safe for proprietary logos, internal diagrams, and unreleased design work.