SVG to PNG
Convert SVG to PNG, JPG or WebP
Render crisp bitmaps from your vectors at any size, for app stores, email, slides or social posts. Convert one file or a whole set at once.
Runs in this tab. Nothing is uploaded.
Output
Result
Files
| File | SVG size | Output | Bytes | Actions |
|---|---|---|---|---|
| No files yet. Open or drop SVGs, paste code, or try the sample. | ||||
How to convert SVG to PNG
- Add your SVGs by opening or dropping files, or paste code.
- Choose a format. PNG keeps transparency and sharp edges, which suits logos and icons. JPG is smaller for photos but has no transparency. WebP gives smaller files than PNG with transparency, but some older software can’t open it.
- Set the size. A scale multiplies the SVG’s own size: 2× for retina screens, 4× or more for print or app store icons. Exact width is handy when a service asks for, say, a 1200-pixel-wide image.
- Pick a background. Leave it transparent, or fill it with a colour, for example white for documents that don’t handle transparency.
- Download one image, or all of them as a ZIP.
Because the SVG is redrawn at the target size instead of being stretched, edges stay sharp at every scale. Your browser renders it, so fonts must be installed on this device or embedded in the SVG.
Questions
Why is my PNG blurry or the wrong size?
The output size comes from the SVG’s width and height (or its viewBox if those are missing). If an SVG declares a tiny size, use a larger scale or set an exact width. The image is rendered at that size, so it is never upscaled.
What is the largest image I can make?
Browsers limit canvas size; SVGMend stops at 16,384 pixels per side and about 16.7 million pixels in total, which works in every major browser.
Why does the text look different?
Text in an SVG is drawn with fonts installed on your device. If a font is missing, a fallback is used. Convert text to outlines in your design tool for exact results.
More SVG tools
- SVG RepairDiagnose and fix broken XML, missing xmlns or viewBox, editor junk, bad IDs and scripts.
- SVG OptimizerSVGO with plugin toggles, precision and multipass. Batch files and download a ZIP.
- SVG ViewerZoom and pan on a checkerboard or colour, see dimensions, file size and the element tree.
- SVG to PNGExport PNG, JPG or WebP at 1× to 8× or an exact width, with any background.
- SVG to JSXTurn an SVG into a React component with camelCase props, style objects and TypeScript.
- SVG to Data URIMinimal URL-encoding or base64, ready-made CSS background-image snippets, size comparison.
- SVG SanitizerRemove scripts, event handlers, javascript: links, foreignObject and external references.
- SVG Path EditorInspect path commands, drag points and handles, convert absolute ↔ relative, round and minify.
- SVG Sprite GeneratorCombine icons into one <symbol> sprite with IDs from file names and a usage snippet.