Command Palette

Search for a command to run...

SV

SVG to PNG Converter

Convert SVG vector graphics to PNG at 1x, 2x or 4x in your browser, no upload needed

SVGtoPNGConverts as soon as you add files
SVG scale

PNG is lossless and keeps transparency, so it is often larger than the same image as JPG or WebP.

Files (0)

No files yet

Add files and they convert right away. Change a setting and they convert again.

Built with open source libraries. Licenses

What is an SVG to PNG converter?

An SVG to PNG converter draws a vector graphic onto a grid of pixels and saves the result as a PNG. SVG, the W3C format for Scalable Vector Graphics, describes shapes as geometry: paths, circles, gradients and text. That keeps a logo sharp at any size, but it also means there are no pixels until something draws them. Social profile uploads, office documents, email signatures, app store listings and many content systems want pixels, so the SVG has to be rendered first.

Here the rendering is done by your browser's own SVG engine, the same one that draws SVGs on web pages. The size comes from the file. When the SVG sets a width and height, those are used, with units such as mm, pt or in converted to pixels. When it only has a viewBox, the viewBox size is used, and when it has neither, it is drawn at 1024 x 1024. An SVG whose longest side comes out under 512 pixels, a typical 24 x 24 icon for example, is enlarged in proportion until that side is 512 pixels, because a vector loses nothing by being drawn bigger. The SVG scale option then multiplies the size by 1, 2 or 4, and the note under each file's row says what size was used and why. Changing the scale converts every added SVG again at the new size.

A run looks like this. You drop logo.svg, which declares width="240" height="80", and pick 2x. The logo is first enlarged to 512 x 171, then doubled, and clicking the row's thumbnail opens a preview captioned 1024x342, with the transparent background showing as a checkerboard. Anything the SVG does not paint stays transparent in the PNG, which is usually the point of choosing PNG over JPG.

Some SVG content cannot be drawn this way. An SVG rendered as an image is not allowed to fetch anything outside the file, so images and web fonts linked by URL are left out, and scripts inside the SVG do not run. Images embedded in the file itself are drawn. An animated SVG becomes a single still frame, and an SVG with an XML error is refused with a message.

Everything runs client-side and nothing is uploaded. SVG files over 50 MB are refused, and so is any output over 100 megapixels or wider or taller than 16384 pixels, in which case a smaller scale usually fixes it. The tool is free, no signup, with a daily conversion limit.

How to convert SVG to PNG

  1. Add your SVG files

    Drop them on the box reading Drop SVG images here or click to upload. A whole icon set can go in at once, and each file starts converting as soon as it is added. Files in other formats are turned away with a link to the converter for them.

  2. Adjust the SVG scale

    Pick 1x, 2x or 4x. 1x uses the size set in the SVG, enlarged to 512 pixels on the longest side when it is smaller than that. 2x and 4x double or quadruple both dimensions, which suits high-density screens and print. Changing the scale converts every added SVG again.

  3. Check each result

    Every row shows a thumbnail of the PNG, its status, a size line comparing the SVG with the PNG, and a note explaining how the pixel size was worked out. Click the thumbnail to see the PNG large, with its pixel size, and switch between Before and After.

  4. Download the PNGs

    Press the download icon on a row to save one file, or Download All (n images) in the list header to save the set as converted-png.zip. Files that share a name are numbered in the ZIP.

Why convert SVG to PNG?

SVG is the better format to keep. PNG is often the better format to hand over, because far more places can take it.

Uploads that only take raster images

Profile pictures, marketplace listings, email signature builders and many CMS media libraries accept JPG and PNG but not SVG, partly because SVG can contain scripts. A PNG passes those checks and keeps the transparent background a logo needs.

Documents, slides and chat

Office suites, messaging apps and older design tools handle SVG unevenly: some refuse it, some drop gradients or fonts, some show nothing at all. A PNG looks the same everywhere, because what you see is already drawn.

Fixed-size assets for apps and icons

App stores, launchers and favicon sets ask for exact pixel sizes. Render the SVG at a generous scale here, then resize it with the image resizer, or turn the PNG into a favicon with the PNG to ICO converter.

SVG vs PNG: which to use

SVG and PNG compared for logos, icons and illustrations
SVGPNG
Image typeVector. Shapes described as geometry.Raster. A fixed grid of pixels.
ScalingSharp at any size.Blurs or pixelates when enlarged past its size.
TransparencyAnything not painted is transparent.Full alpha channel, kept by this converter.
AnimationPossible with CSS or SMIL.Still image. Animated SVGs become one frame here.
Typical file sizeTiny for simple icons and logos, large for complex artwork.Grows with pixel dimensions, so 4x output is much heavier than 1x.
TextNeeds the font available, or text converted to outlines.Baked into pixels, so it looks the same everywhere.
Software supportAll modern browsers. Uneven in office, chat and upload tools.Close to universal.
Best forWebsites, source artwork and anything resized often.Uploads, documents, app assets and sharing.

How the PNG size is worked out

An SVG has no fixed pixel size, so the converter decides one in three steps and reports the result in the note under each file.

  1. Read the size from the root svg element: width and height if both are set, one of them plus the viewBox proportions if only one is, the viewBox alone if neither is, and 1024 x 1024 if there is no viewBox either. Percentages and em values are ignored.
  2. If the longest side is under 512 pixels, enlarge the drawing in proportion so the longest side is 512.
  3. Multiply both sides by the Scale you picked: 1, 2 or 4.
Example PNG sizes at each SVG scale
SVG declares1x2x4x
width="24" height="24"512x5121024x10242048x2048
viewBox="0 0 800 600" only800x6001600x12003200x2400
width="210mm" height="297mm"794x11231588x22463176x4492
No width, height or viewBox1024x10242048x20484096x4096

Output is capped at 100 megapixels and 16384 pixels on either side. A 5000 x 5000 SVG is fine at 1x and 2x, but at 4x it would be 20000 pixels wide and is refused with a message. Pick a lower scale and it converts.

Privacy and security

  • The SVG is drawn and the PNG is saved inside this browser tab, client-side. The file is never uploaded.
  • The SVG is rendered as an image, so scripts inside it do not run and links to outside files are not fetched. Opening an SVG from an unknown source here does not let it reach the network.
  • No WebAssembly decoder is involved, because browsers render SVG with their own built-in engine.
  • The daily limit check sends the tool name, a device identifier and your account token if you are signed in. After a batch, only the file count, total bytes and output format are recorded, never file names or contents.
  • Converted PNGs stay in the tab's memory until you remove them, press Clear All or close the page. No copy is kept on a server.

Key Features

  • 1x, 2x and 4x output

    Render one SVG at its own size or at double or quadruple resolution, for sharp results on high-density screens and in print.

  • Small icons come out usable

    An SVG declared at 24 x 24 or similar is enlarged to 512 pixels on its longest side before scaling, instead of turning into a postage stamp.

  • Transparency kept

    Areas the SVG does not paint stay transparent, and the row thumbnail and the preview behind it sit on a checkerboard so you can see it.

  • Reads real units

    Widths in px, pt, pc, in, cm and mm are converted to pixels, and a missing width or height falls back to the viewBox.

Frequently Asked Questions

Drop the SVG files onto this page and choose 1x, 2x or 4x. Your browser draws each SVG and saves it as a PNG as soon as it is added, and again whenever you change the scale, with a download icon on every row and a ZIP for the whole set.

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

svg to pngconvert svg to pngsvg to png converterfree svg to png convertersvg to png transparentsvg to png high resolutionsvg to png 2xexport svg as pngbatch convert svg to pngsvg icon to png