Question 1

What size will my PNG be?

Accepted Answer

Whatever the SVG says it is, and that number is on screen before you download anything. Two places in the file can answer it: a width and a height on the root element, or a viewBox that sets up the drawing's own coordinate system. Each file in the list shows which of the two was used and what it comes to in pixels. If you want a different number, type it into the pixel size box and the height follows the shape of the artwork.

Question 2

How do I convert SVG to PNG at a high resolution?

Accepted Answer

Type the width you want. An SVG has no maximum resolution, because it stores shapes rather than pixels, so asking for 2048 pixels redraws the artwork at 2048 pixels instead of blowing up a smaller image. That is the whole difference between this and enlarging a PNG you already have. For a high resolution export the useful numbers are usually whatever your target asks for: 512 or 1024 for an app icon, 1200 for a social image, or a density multiplier when you are producing assets for a screen.

Question 3

Will converting SVG to PNG lose quality?

Accepted Answer

Not in the way the question usually means. A vector has no resolution to lose, and PNG is lossless, so nothing is thrown away by the conversion itself. What you are deciding is the size to freeze it at, and that decision is permanent: a logo saved as a 64-pixel PNG looks soft on a poster, and no setting recovers it, because those pixels were never there. Pick the size your target needs and the result is exact. JPG is the exception, since JPEG compression is lossy by design, which is why the quality slider only appears for JPG and WebP.

Question 4

Does the PNG keep the transparent background?

Accepted Answer

Yes. Transparent is the default, and both PNG and WebP carry an alpha channel, so whatever was see-through in the SVG is still see-through in the download. The preview sits on a checkerboard, because a transparent background and a white one look identical otherwise. JPG is the one format that cannot do it: there is no alpha channel in a JPEG at all, so choosing JPG moves the background setting to white, and you can pick any other color instead. That is also the fix if a converted file ever came back with a black box where the transparency should have been.

Question 5

Can I convert SVG to JPG instead?

Accepted Answer

Yes. svg to jpg is the same conversion with a different encoder on the end: pick JPG under the output format and everything already in the list is rewritten. WebP is there too, and it is usually the better choice when file size is what matters, since it keeps transparency and JPG does not. One thing to decide when you switch to JPG: with no transparency available, the background has to become a real color, and white is chosen for you unless you say otherwise.

Question 6

Can I paste SVG code instead of uploading a file?

Accepted Answer

Yes, and there is a box for it under "Paste SVG code instead of a file". Paste the markup in, press the button, and it joins the list like any other file. You can also just press Ctrl+V anywhere on the page: SVG code on the clipboard is recognised as markup, and an SVG file copied in a file manager is picked up as a file. Nothing has to be saved to disk first, which is the point when the SVG came straight out of an editor or a component you were working in.

Question 7

Why does the text in my SVG look wrong?

Accepted Answer

Because an SVG stores the name of a typeface, not the typeface itself. Your device supplies the font when the file is drawn, and if it does not have the one the file asked for, something else is substituted and the letters change width, spacing and shape. A file naming a font this device does not have says so on its own row before you download it, so you find out at the moment you can still do something about it. The reliable fix is at the other end: in whatever produced the SVG, convert the text to outlines or paths before exporting. The letters become shapes, need no font, and come out identical everywhere.

Question 8

Can I convert a whole folder of icons at once?

Accepted Answer

Yes. Press "Choose a folder" and pick the folder itself rather than the files inside it, which is what an icon set actually is once it is sitting on your disk. Everything in it that is an SVG goes into the queue, and the licence file, the README and the preview images are left where they are. Then take the lot as one ZIP. Nothing caps the number, because the work is happening on your own processor.

Question 9

Can I export at 1×, 2× and 3× in one go?

Accepted Answer

Yes. Tick 1×, 2× and 3× under the size controls and every file comes out at each size you ticked, in a single pass. The 1× file keeps its own name and the rest get a suffix, so icon.svg becomes icon.png, icon@2x.png and icon@3x.png. Change the suffix to -2x, _2x or -2 if that is what your build expects, and add any other factor you need, 1.5 included. It all lands in the same ZIP.

Question 10

My SVG is sized in millimetres. How do I get it at 300 DPI?

Accepted Answer

Set the DPI box to 300. A file stating its size in millimetres, centimetres, inches or points was drawn for paper, and pixels only exist once a resolution is picked. Browsers resolve those units at 96 pixels to the inch, which is why a 50 mm graphic comes out 189 pixels wide by default and looks far too small for print. At 300 the same 50 mm comes out 591 pixels. The setting does nothing at all to a file measured in pixels or sized by its viewBox, and the page says so when that is the case rather than letting you wonder.

Question 11

Do my files get uploaded anywhere?

Accepted Answer

No, and there is no server here that could receive them. Your SVG is read, drawn and encoded by your own browser on your own machine. If you would rather check than take that on trust, open the network tab and convert something: nothing goes out. That extends to anything your file points at. If an SVG references a font or an image hosted elsewhere, this page does not go and fetch it, so those addresses are never contacted on your behalf. It does also mean that content cannot appear in the PNG, which is why the file's row tells you when something is missing.

Question 12

How do I convert an SVG to PNG on a Mac?

Accepted Answer

For a single file, macOS can do it without a browser at all: open the SVG in Preview, then File, Export, and choose PNG. For one file that is genuinely quicker than any website. Come back here when you have a folder rather than a file, when you need an exact pixel width, when you want 1×, 2× and 3× in one pass, or when you want to see what size the file resolves to before committing to it. Preview offers none of those, and Windows has no equivalent to Preview at all, which is why the question comes up so much more often there.

Question 13

Can I convert a PNG back into an SVG?

Accepted Answer

No, and the reason is worth knowing rather than just being told no. This direction is exact: shapes have coordinates, and drawing them at any size is arithmetic. The other direction means looking at a grid of pixels and guessing which of them were meant to be a curve, which is a different operation called tracing. It produces an approximation, it needs its own settings, and on a photograph or an anti-aliased logo the result is usually worse than what you started with. Anything claiming to do both directions with one button is misrepresenting one of them.

Question 14

Can I convert an SVG to a PDF or an ICO here?

Accepted Answer

No, this page writes images. A PDF is a document: it has pages, margins and a paper size, and choosing those well is a different job from rasterizing artwork. An ICO is stranger still, because it is a container holding several resolutions at once, and what people usually want when they ask is a full favicon set rather than a format conversion. If you need either, a PNG at the right size from here is exactly the file both of those jobs will ask you for.

Question 15

I only want to look at an SVG, not convert it

Accepted Answer

Drop it in and you will see it. Every file gets a preview the moment it lands, along with its real dimensions and where those came from, so if the question was which icon this is, or how big the thing actually is, it is answered before you download anything. Clear the list afterwards and nothing is kept.

Question 16

What is an SVG file, and when should I use PNG instead?

Accepted Answer

An SVG is a drawing written down as instructions: this circle here, this path there, in these colors. That is why it stays sharp at any size, and why the file is usually tiny for a logo or an icon. Use it wherever the thing displaying it understands it, which today means websites and design software. Use a PNG when the destination takes pixels and nothing else, and that list is long: slide decks, marketplace listings, app store submissions, email signatures, print shops, forums, and most places offering an image upload. PNG is also the right answer for a photograph, which an SVG was never designed to hold.

Question 17

How many files can I convert at once?

Accepted Answer

As many as you like. Nothing here counts them, because no conversion costs anyone anything: your own processor does the work. A folder of a few hundred icons goes through one after another, with a progress bar and a row per file, and the tab stays usable while it runs. The only real ceiling is your own device's memory, and a file that is genuinely too large fails on its own row while the rest of the batch carries on.

SVG to PNG Converter

What size will your PNG be?

Pixel size

Export at 1×, 2× and 3× at once

Convert SVG to JPG or WebP instead

Background

Paste SVG code instead of a file

Text, fonts, and things the file only links to

Frequently asked questions

Related tools