SVG to PNG

How to convert SVG to PNG

1. Drop one or more SVG files on the drop zone, or click it to choose them. You can also open Or paste SVG code, paste the markup and click Add SVG code.
2. Choose the Output size: - Scale factor multiplies the SVG’s own size (2 gives an image twice as wide and twice as tall); - Width (height follows) or Height (width follows) keeps the proportions; - Exact width and height forces both dimensions; - Resolution (DPI) renders physical sizes such as 2in or 50mm at the chosen DPI.
3. Pick a Format: PNG, JPG or WebP. JPG and WebP also have a Quality slider.
4. Under Background, keep Transparent or choose Color and set the Background color.
5. Click Convert to image. Each file gets a row with a preview, its new pixel size and a Download button. Download all saves the files one by one; Download ZIP puts them in a single archive.

How the size is calculated

An SVG describes shapes, not pixels, so it can be drawn sharply at any size. Its “natural” size comes from the width and height attributes of the root <svg> element. When those are missing, this tool uses the viewBox (for example viewBox="0 0 24 24" gives 24 × 24), which is what browsers do. If the SVG has neither, it falls back to the browser default of 300 × 150.

Lengths in physical units are converted with the CSS rule of 96 pixels per inch: 1 in = 96 px, 1 cm ≈ 37.8 px, 1 pt = 1.33 px. That is why DPI (96 = original size) says 96: at 300 DPI, an icon declared as width="1in" becomes 300 pixels wide, which is what a print shop expects.

With Exact width and height, a drawing whose proportions differ from the box is centered and letterboxed, following the SVG’s own preserveAspectRatio rule; it is never stretched unless the file asks for it.

Browsers cannot create a canvas larger than about 16.7 million pixels (for example 4096 × 4096). If you ask for more, the size is reduced to the largest image that fits and a message tells you the final size.

PNG, JPG or WebP?

• PNG is lossless and keeps transparency: the best choice for icons, logos and diagrams.
• JPG has no transparency, so transparent areas are filled with the background color. Use it for large illustrations where file size matters more than crisp edges.
• WebP keeps transparency and is usually smaller than PNG; every current browser displays it.

Security and limits

Your SVG is never inserted into the page. It is drawn from a private blob address as a plain image, a mode in which browsers do not run scripts or load anything else. As a consequence, external references are not loaded: web fonts from Google Fonts, images linked by URL and external CSS files are ignored, so text may appear in a default font. To keep the exact look, convert text to paths in your editor or embed images as data URIs before converting. Fonts installed on your computer can still be used.

Nothing is uploaded: rendering and encoding happen in your browser.