What SVG to PNG does
SVG is a vector format — shapes described by maths, sharp at any size — and many places cannot use it: social media uploads, Word and PowerPoint on some versions, email, app stores, print shops and most forms. This converter renders an SVG to a PNG bitmap at the size you choose, with transparency preserved. Rendering uses the browser's own SVG engine, so what you see in Chrome or Safari is what you get, and nothing is uploaded.
Choosing the output size
Because SVG has no fixed pixel size, you decide the resolution at export. Leave width and height blank to use the SVG's declared size, or set one dimension and the other follows the aspect ratio. Set both to force an exact canvas.
| Destination | Suggested width | Why |
|---|---|---|
| Website logo | 2× display size (e.g. 400 px for 200 px) | Sharp on retina screens |
| Social media post / avatar | 1080–2048 px | Platforms downscale; upscaling looks soft |
| App icon source | 1024 px | Stores generate smaller sizes from this |
| Slide or document | 1600–2400 px | Sharp when projected or printed |
| Print at 300 dpi | Physical width in inches × 300 | A 4 in logo needs 1200 px |
| Favicon | 512 px | Then convert to ICO |
Rendering large is cheap — a 4,000 px PNG of a simple logo is still under 100 KB because flat colour compresses well. When unsure, export bigger; downscaling later is lossless in practice, upscaling is not.
What renders and what does not
- Renders: paths, shapes, text using system or embedded fonts, gradients, filters, masks, clip paths — anything the browser draws.
- Fonts: text using a font not installed on your machine falls back to a default. Convert text to outlines in your design tool before exporting the SVG if the typeface matters.
- External references: images or stylesheets linked by URL inside the SVG are not loaded for security reasons and will be missing. Embed them as data URIs first.
- Scripts and animation: SMIL and CSS animations are captured at their initial state; JavaScript does not run.
- Transparency: areas with no fill stay transparent in the PNG.
Common uses
- Uploading a vector logo to platforms that only accept raster images.
- Making a favicon or app icon from a vector source.
- Inserting an icon into an email, a slide or a Word document.
- Producing a print-resolution version of a diagram or chart exported from a design or charting tool.
- Sharing a preview of an SVG with someone who cannot open the format.
SVG stays the master
Keep the SVG. A PNG is a snapshot at one size; the SVG can be re-exported at any size, recoloured, or edited. If a workflow needs both, store the SVG and generate PNGs on demand — that is also what build tools and image CDNs do for websites.