Image Compressor
Shrink JPG, PNG and WebP with a quality slider and live size readout.
Image & Photo
SVG to PNG Converter
Rasterise SVG at any size, with transparency kept.
What it does. SVG is vector — instructions for drawing, scalable to any size without loss. PNG is a fixed grid of pixels. Converting means choosing a size and rendering at it, which is why the output resolution is a decision rather than a property of the source.
Runs in your browserNothing uploadsNo signupWorks offline
How to use SVG to PNG Converter
- Drop in an SVG file or paste its markup.
- Set the output width — the height follows the aspect ratio.
- Download the PNG with transparency intact.
Choose the size deliberately
| Use | Width | Note |
|---|---|---|
| Favicon | 32–64 px | Multiple sizes usually needed |
| App icon | 512 or 1024 px | Store requirements vary |
| Web image | 2× display size | Covers retina screens |
| 300 DPI at final size | A 3-inch logo needs 900 px | |
| Social preview | 1200 × 630 | Fixed by the platforms |
Render larger than you need rather than smaller. Scaling a PNG down is close to lossless; scaling one up is not, and the whole reason to keep the SVG is that you can re-render at any size later.
What can go wrong in the render
- External fonts. If the SVG references a font not available, the renderer substitutes and the text changes shape. Convert text to outlines first.
- External images. An SVG that links a bitmap may render without it.
- No explicit size. An SVG with only a viewBox and no width or height needs a size supplied.
- CSS from the page. Styles applied externally are not part of the file and will not render.
- Filters and blend modes can render differently between engines.
The font one is the most common by a distance. If the SVG contains text and you cannot guarantee the font, converting text to paths in the source before exporting removes the whole class of problem.
Keep the SVG
The PNG is a derivative. Once rendered it is fixed at that size and cannot be enlarged without loss, so the SVG remains the master file.
Where a vector format is accepted — the web, modern print workflows, most design tools — use the SVG rather than the raster.
SVG is also usually far smaller for logos and icons, and it stays sharp on every display density without needing 1×, 2× and 3× variants.
Frequently asked questions
What size should I export at?
Larger than you need. Scaling a PNG down is near-lossless, scaling up is not. For web images render at twice the display size; for print, 300 DPI at the final physical size.
Is transparency preserved?
Yes. PNG supports an alpha channel, so transparent areas of the SVG stay transparent. Converting to JPG instead would fill them, usually with white.
Why did the text change in my PNG?
The SVG references a font that was not available to the renderer, so it substituted another. Convert text to outlines in the source before exporting to remove the problem entirely.
My SVG rendered at the wrong size — why?
It probably has a viewBox but no explicit width and height, so there is no intrinsic size to render at. Supply a width and the height follows the aspect ratio.
Should I replace my SVGs with PNGs?
No. Keep the SVG as the master — it is usually smaller for logos and icons, stays sharp at every display density, and can be re-rendered at any size later.