SVG → PNG Converter
Drop an SVG file or paste the markup, choose a scale and a background, and download a PNG. The intrinsic size is read from the width and height attributes, or from the viewBox when those are absent, and multiplied by your scale — so 2x and 3x exports produce the assets high-density screens expect. A background matters more than it looks: SVG has no canvas of its own, so an icon drawn in black on nothing becomes black on transparent, which is invisible against a dark interface until you give it white or a colour. Rendering happens in a Canvas in your browser and the file is never uploaded.
Intrinsic size: 200 × 200
How to use
- Drop an SVG file or paste SVG markup.
- Adjust scale (1× matches the intrinsic size).
- Pick a background — transparent, white, or custom color.
- Click Download to save the PNG.
Frequently asked questions
- Why is the output 200×200 by default?
- If the SVG has no width / height / viewBox the tool falls back to 200×200. Add a viewBox or explicit dimensions to the SVG for a different default.
- Some fonts look different in the PNG
- Browsers rasterize SVG with the fonts available on the user's system. If your SVG uses a custom font, embed it as a data: URL or convert text to paths in your vector tool.
- Is my SVG uploaded?
- No. The SVG is parsed and rasterized in your browser via Canvas. Nothing is sent to a server.
- Does it handle external images inside the SVG?
- Images referenced by URL may fail to load due to CORS. Embed external images as data: URLs in the SVG to avoid this.
- What scale should I export at?
- Match the density of the screens the image is for. 1x is the CSS pixel size, 2x covers most modern phones and laptops, 3x covers the densest phone displays. If the PNG is going into a document or a slide rather than an interface, exporting at 2x and letting it scale down is the safe default.
- Why is my PNG blurry?
- Because it was rasterised too small and then enlarged. The SVG itself has no resolution, so the sharpness of the PNG is decided entirely at export - raise the scale and export again rather than resizing the PNG afterwards, which can only interpolate what is already there.
- Why does the PNG lose colours or styling from my SVG?
- Because only what the file carries can be rendered. Styles that live in an external stylesheet, CSS custom properties inherited from the page, and fonts that are referenced rather than embedded are all unavailable once the SVG is rendered on its own. Inline the styles into the markup and convert text to paths, and the export will match what you designed.
Related tools
SVG Optimizer
Shrink an SVG with SVGO — strip editor cruft, round coordinates, merge shapes — and see before and after side by side. Nothing is uploaded.
QR Code Generator
Create custom QR codes from any text or URL and download them.
Maze Generator (SVG / PNG)
Generate printable mazes with adjustable size, cell scale, and reproducible seed — recursive-backtracking algorithm with optional solution overlay.
Barcode Generator
Make an EAN-13, EAN-8, UPC-A, Code 128, Code 39 or ITF-14 barcode and download it as SVG or PNG. Runs in your browser.
Image Duotone Effect
Apply a two-color duotone effect to any image — pick a shadow color and a highlight color, adjust midpoint and contrast, download the result. Spotify-style covers in two clicks.
Image Compressor
Compress and resize JPEG, PNG, and WebP images in your browser.