Convert SVG to PNG — rasterize vectors in your browser
Drop an SVG below and get a 1024-pixel PNG with transparency preserved. The rasterization runs locally in your browser using the Canvas API — no upload, no server, no signup.
Your file is processed entirely in your browser. Nothing is uploaded.
SVG (Scalable Vector Graphics) is a text-based format that describes shapes mathematically, so it renders crisply at any size. That property makes SVG the best format for logos, icons, and illustrations on the modern web. But many tools outside the web simply do not understand SVG — Photoshop imports it awkwardly, older versions of Office reject it, most email clients will not display it, and platforms like Instagram, Facebook ads, and product marketplaces expect raster image uploads. When you need to hand your vector to one of those environments, the fix is to rasterize: convert the SVG to a pixel-based image at a specific resolution.
This converter reads your SVG, parses its viewBox to determine aspect ratio, rasterizes it to 1024 pixels on the longest side at full precision, and outputs a PNG with transparency preserved through the alpha channel. The whole process runs in your browser through the HTML5 Canvas API — nothing is uploaded. If you need a different output resolution, we plan to add a size selector in a future version. For now, 1024 pixels is a sensible default that covers web use, social media profiles, and most everyday needs.
How to convert SVG to PNG in 4 steps
- 1
Drop your SVG file
Select the file with the dropzone or the file picker. Any valid SVG document is accepted, including those with viewBox but no explicit width and height.
- 2
Wait for rasterization
The tool parses the SVG, determines its aspect ratio from the viewBox, and asks the browser to rasterize it at 1024 pixels on the longer side. This happens in well under a second.
- 3
Check the output
The result panel shows the resolution and the new file size. Transparency in your SVG is preserved through the PNG alpha channel.
- 4
Download the PNG
Click download to save the rasterized PNG. Your original SVG stays untouched and nothing was sent anywhere.
SVG vs PNG: vector versus raster
SVG stores your image as a set of mathematical instructions: draw this circle, fill this path, apply this gradient. The file contains no pixels at all, which is why you can scale an SVG to any size without any quality loss. A 16x16 favicon and a 4000x4000 print export come from the same SVG file. PNG stores your image as a two-dimensional grid of pixels. Each pixel has a fixed color and an alpha value, and the grid has a fixed resolution. Once you rasterize a vector to PNG, the output is frozen at that resolution — scaling it up later will look blurry or pixelated. The practical rule: keep your source as SVG for as long as possible in your workflow, and only rasterize when you hand the file to a tool, platform, or person that cannot read SVG.
When should you convert SVG to PNG?
Uploading a logo to a platform that rejects SVG
Instagram, TikTok, most marketplaces, and many CMS platforms accept only raster uploads. Rasterizing your SVG logo to PNG makes it compatible instantly.
Importing into a raster design tool
Some versions of Photoshop, GIMP, and older Affinity apps handle SVG imports poorly. Rasterizing to PNG with transparency preserved produces a clean import.
Creating app icons
App store submissions require raster icons at specific pixel sizes. Rasterizing your vector source to 1024 PNG gives you a clean starting point for icon generators.
Sending an illustration by email
Most email clients do not render SVG inline. Attaching a PNG instead ensures the recipient sees your image without having to open it in a browser.
Frequently asked questions
- What resolution does the PNG come out at?
- The long side of the output is 1024 pixels, with the other side scaled proportionally from the SVG’s viewBox aspect ratio. A square SVG produces a 1024x1024 PNG; a 2:1 landscape SVG produces a 1024x512 PNG.
- Is the transparency preserved?
- Yes. The PNG is saved with an alpha channel, so any transparent regions in your SVG remain transparent in the output. This is one of the main reasons to pick PNG over JPG for vector rasterization.
- Can I get a bigger output size?
- Not yet through the UI. The current default is 1024 pixels on the long side. A configurable size selector is planned for a future version. In the meantime, you can open the SVG in a design tool like Inkscape and export at any size you need.
- Does the converter support all SVG features?
- It uses whatever your browser can render natively, which covers the vast majority of SVG features: shapes, paths, gradients, text, filters, masks, and clipping. A handful of advanced features and external font references may render differently depending on the browser.
- Is my SVG uploaded anywhere?
- No. The conversion runs entirely in your browser via the HTML5 Canvas API. Your SVG is parsed locally, rasterized locally, and the PNG is produced locally. FileShrink has no server that touches your files.