SVG to PNG Converter
Render SVGs as high-resolution PNGs at any size.
SVG source
Live preview
Output
What is an SVG to PNG Converter?
SVG (Scalable Vector Graphics) is an XML-based format that describes shapes with mathematical curves and paths; PNG (Portable Network Graphics) is a raster format storing a rectangular grid of pixels. Converting SVG to PNG fixes a very common interoperability problem: lots of software accepts raster images but chokes on vectors — older email clients, Instagram, Facebook ads, PowerPoint templates, Figma plugin marketplaces, print-on-demand services. The converter renders the vector at a chosen size and saves the result as a pixel image that works everywhere.
The conversion happens entirely in your browser. The SVG source is loaded as a blob URL, drawn onto an HTML canvas at the target dimensions, and the canvas is exported as PNG (or JPEG or WebP) via the standard toBlob API. Because the SVG is rendered by the browser's own SVG engine, the output matches what you see in a browser — fonts resolve the same way, gradients and filters render identically, and CSS inside the SVG is honoured.
Resolution control. The central benefit of SVG is infinite scalability, and the point of converting is usually to pick one fixed resolution. For app-icon exports, 512×512 or 1024×1024 is typical. For social-media graphics, 1200×630 (OG cards) or 1080×1080 (square posts). For print, calculate: width in inches × 300 DPI. An A4 page at 300 DPI is 2480×3508. We support up to 8192×8192 per side, which covers every normal use case.
Transparency. PNG and WebP preserve the SVG's transparent regions by default. JPEG does not support transparency at all — transparent areas become the chosen background colour when exporting as JPEG. If transparency matters, pick PNG; if file size matters and the design is photographic, pick JPEG with a matching background; if you want the smallest file size with transparency, pick WebP.
Common gotchas. (1) External fonts referenced in SVG via@import or <link> won't always load during the canvas render; flatten fonts to paths before export if you need reliability. (2) External images embedded via <image href="https://..."> need to be CORS-enabled or the render will silently produce a blank canvas in some browsers. Inline them as data URLs if possible. (3) viewBox vs width/height — if the SVG has only a viewBox, we use it to derive the aspect ratio; always set explicit width/height attributes for reliability across different tools.
Privacy: the SVG never leaves your browser. Useful when converting proprietary logos, branded illustrations, or under-NDA artwork.
How to convert SVG to PNG
- Paste SVG source or upload a .svg file.
- Pick output dimensions. Aspect-lock on by default — the editor preserves proportions.
- Choose format. PNG for transparency, JPEG for smallest photo-style files, WebP for web.
- Set background if JPEG (or if you want an explicit colour under transparency).
- Download. The rasterised image saves to your device.
Features
- Live preview that updates as you edit the SVG source.
- Output up to 8192 pixels per side.
- PNG / JPEG / WebP with per-format quality control.
- Aspect-ratio lock derived from SVG viewBox.
- Transparent or custom-colour background.
- 100% browser-based — SVGs never upload.
Frequently asked questions
- What's the highest resolution I can export?
- Up to 8192 × 8192 pixels per side — far beyond any normal use case. For print, plan for 300 DPI: an A4 page is 2480 × 3508, a square poster is 3600 × 3600 or so. Very large rasters take longer to render and produce multi-megabyte files.
- Will external fonts render correctly?
- Fonts loaded via external CSS (@import or <link>) sometimes don't load during canvas rendering. For reliability, either embed the font via @font-face with a data URL, or flatten the text to paths before converting.
- Can I preserve transparency?
- Yes — pick PNG or WebP output. JPEG does not support transparency, so transparent areas become the background colour you choose.
- How do I convert SVG to JPG specifically?
- Pick JPEG as the output format. You'll need to set a background colour because JPEG can't store transparency.
- What happens with external images in the SVG?
- If the SVG references external images (via <image href>), they must be CORS-enabled or come from your own origin. Cross-origin images without CORS produce a blank canvas in some browsers. Inline images as data URLs to avoid this.
- Is the SVG uploaded to a server?
- No. The conversion uses your browser's built-in SVG renderer and canvas API. Nothing is transmitted.