Why convert SVG to PNG
SVG files describe shapes with math instead of pixels, so they stay sharp at any size. That is perfect for websites, but many places still need a regular image: profile pictures, presentation slides, word processors, email signatures and print shops often expect PNG or JPG. Converting lets you choose the pixel size once, at whatever resolution the destination needs.
How to use it
- Drag your SVG files onto the page or click to choose them.
- Pick the output: PNG (default, keeps transparency), JPG or WebP.
- Choose a scale: 1x, 2x, 4x or 8x the SVG's own size, or enter a custom width in pixels. The height follows the aspect ratio.
- With JPG output, transparent areas are filled with a background color, which you can set.
- Download each image, or all of them in one ZIP.
The SVG is drawn by your browser on your device; nothing is uploaded.
Picking the right scale
The scale multiplies the width and height written in the SVG file. A logo defined as 200 × 50 becomes:
| Scale | Output size | Good for |
|---|---|---|
| 1x | 200 × 50 px | Places that show it at exactly that size |
| 2x | 400 × 100 px | Sharp display on high-density screens |
| 4x | 800 × 200 px | Slides, documents, social media |
| 8x | 1600 × 400 px | Print and large banners |
If the destination has a fixed requirement, such as a banner 1000 px wide, use the custom width instead. Some SVG files have no width or height at all, only a viewBox; for those the tool uses a default size of 1024 px.
For print, plan for about 300 pixels per inch of printed size. A logo printed 5 cm wide needs roughly 5 / 2.54 × 300 ≈ 591 px. Our guide on what DPI means explains the math.
When the PNG does not look like the SVG
When a browser turns an SVG into an image, it renders it in a locked-down mode for security. In that mode the SVG cannot load outside resources, so:
- Web fonts referenced by the SVG may be replaced by a default font. Fix it by converting the text to outlines (paths) in your vector editor before exporting.
- Linked images that point to other files or URLs may be missing. Fix it by embedding the images in the SVG instead of linking them.
Shapes, gradients and embedded content render reliably. If something is missing in the preview, it will be missing in the download too, so check before saving.
Frequently asked questions
Is the transparent background kept?
Yes, with PNG or WebP output. JPG has no transparency, so transparent areas are filled with a solid color.
Can I make favicons or Windows icons from an SVG?
Yes. Use PNG to ICO for a single .ico file, or the favicon generator for a complete website icon set. Both accept SVG files.
Can I convert a PNG back into an SVG?
Not with this tool. Turning pixels into vector shapes, called tracing, is a different process, and the result rarely matches the original drawing exactly.
Why is my text shown in a different font?
The SVG probably uses a font loaded from another file or website, which the browser blocks while rendering. Convert the text to outlines in your vector editor and try again.