SVG to PNG Converter

How to use the SVG to PNG Converter

1. Drop an .svg file onto the box, or switch to Paste SVG code and paste the markup.
2. Set the output width (the height follows automatically) or click 2×, 3× or 4×.
3. Keep the background transparent or choose a solid color, and pick PNG, JPG or WebP.
4. Check the preview and click Download image.

Features

• Upload an SVG file or paste SVG code
• Any output width up to 16,384 px, or 1× to 4× scale
• Works with SVGs that only have a viewBox
• Transparent or solid-color background
• PNG, JPG or WebP output
• Warnings for external fonts, images and foreignObject

Vector in, pixels out

SVG (Scalable Vector Graphics) describes an image as shapes, paths and text in XML. Because it stores instructions rather than pixels, it can be drawn at any size without getting blurry. PNG, JPG and WebP are raster formats: fixed grids of pixels. Converting SVG to PNG is called rasterizing, and the key decision is how many pixels you want, because that is fixed once the PNG is made. Choose generously; you can always shrink a PNG later with the Image Resizer, but enlarging it will blur.

Why convert an SVG at all?

• Many social networks, chat apps, email clients and office programs do not accept SVG uploads.
• App stores, favicons and launcher icons expect PNG files at specific sizes.
• A PNG looks identical everywhere, while an SVG can render differently if fonts or features are missing.

How the output size is worked out

An SVG's natural size comes from its width and height attributes, which can be in pixels or units such as pt, mm or in. Many SVGs exported from design tools or icon sets have no width and height at all, only a viewBox, such as viewBox="0 0 24 24". Browsers then have no intrinsic size to draw at, and some tools produce a blank or tiny image. This converter reads the viewBox instead, so a 24 × 24 icon is recognized as square, and small icons are suggested at 512 pixels so you get a useful PNG. If an SVG has neither, the CSS default of 300 × 150 is used and the page tells you so.

Unit conversions follow the CSS standard of 96 pixels per inch: 1 pt = 1.333 px, 1 mm ≈ 3.78 px and 1 in = 96 px.

Picking a scale

What might look different

• Fonts. Text is drawn with fonts installed on your device. If the SVG references a web font, convert its text to outlines (paths) in your editor first.
• External files. For security, browsers do not load linked images, fonts or stylesheets when an SVG is drawn as an image. Embed them as data URIs instead; the tool warns you when it spots external references.
• HTML inside SVG. A <foreignObject> element can block the export in some browsers.
• Animation and scripts are ignored. You get a still image of the first state.

Safe by design

The SVG is rendered by your browser as an image, the same way an <img> tag shows it, which never runs scripts inside the file. Nothing is uploaded, so you can convert unreleased logos and client artwork safely. To embed the result in code, try Image to Base64, or build site icons with the Favicon Generator.

Frequently asked questions