SVG to PNG Converter
Convert SVG to PNG, JPEG or WebP at any size you like. Because SVG is vector art, a 4× export is genuinely four times the detail rather than an upscale of a smaller raster — which is exactly why you keep artwork as SVG in the first place. The output size is read from the width and height attributes, or from the viewBox when those are missing, which is the case that usually trips up converters and produces a squashed 300×150 image. Transparency is kept for PNG and WebP, and a background colour can be set for JPEG, which has no alpha channel. Remote images and web fonts referenced by the markup are flagged before export, since the browser blocks them for security and they would otherwise be silently missing.
How it works
Paste SVG markup or upload an .svg file, choose an output size, and download it as PNG, JPEG or WebP. Because SVG is vector art, you can render it at any size you like without it going soft — a 4× export is genuinely four times the detail, not an upscale.
The size is read from the width and height attributes, or from the viewBox when those are missing. External images and remote fonts cannot be loaded for security reasons, and are flagged below when present.
⚠ DOMParser is not defined
2× is the usual choice for a retina screen.
Fix the SVG above to see the result.
Frequently asked questions
How do I convert an SVG to PNG?
Paste the SVG markup or upload an .svg file, choose a scale or an exact width, and download. The preview shows exactly what will be saved.
What size will the PNG be?
By default the SVG’s own width and height multiplied by the scale you pick. If the file has no width or height, the viewBox is used instead, which is what keeps the output correctly proportioned.
Can I keep the transparent background?
Yes for PNG and WebP. JPEG has no alpha channel at all, so a background colour is used instead — a "transparent JPEG" would come out black.
Why is part of my SVG missing from the export?
Almost always because it references a remote image or web font. The browser blocks those when drawing an SVG to a canvas, for security reasons. Embed them as data URIs and they will render.
What scale should I export at?
2× is the usual choice for a retina screen. For print, work out the size you need in pixels and use the exact width option instead.
Is my artwork uploaded anywhere?
No. The rendering happens entirely in your own browser.
Related tools
Image Format Converter
Convert an image between JPEG, PNG and WebP with adjustable quality, entirely in your browser.
Favicon Generator
Turn any image into a complete favicon package — .ico file, PNG sizes, Apple touch icon and manifest icons — in one ZIP.
SVG Formatter and Inspector
Format or minify an SVG file and see what is inside it — viewBox, elements, embedded images and scripts.