SVG to PNG Converter

Add your SVG files to the box above, or paste SVG code, choose how big the picture should be, and press the button. Each drawing is turned into a crisp PNG image in a moment, ready to download on its own or, when there are several, together in one ZIP.

The drawing happens in your browser, so your files are not uploaded anywhere. You can add up to 200 files at once, each up to 30 MB, both plain .svg files and compressed .svgz files. Before you convert, the file list already shows the pixel size each image will get, so there are no surprises.

SVG is the format designers use for logos, icons, diagrams and illustrations. It does not store pixels at all. It stores shapes: lines, curves, fills and text, described as instructions. That makes it tiny and perfectly sharp at any size, but it also means many places simply do not accept it.

Office documents, email signatures, chat apps, social networks, online shops, print forms, older programs and many upload fields want a normal picture made of pixels. PNG is the usual answer: it is lossless, it keeps transparent areas, and practically every program, phone and website can show it.

So converting an SVG into PNG is the everyday way to take a vector drawing somewhere vectors are not welcome. You keep the SVG as your master copy and hand out PNG images in whatever sizes you need. When you need to go the other way, PNG to SVG and JPG to SVG trace a pixel picture back into shapes.

SVG stands for Scalable Vector Graphics. An SVG file is a text file written in a markup language, much like a web page. Inside it, an svg element holds shapes such as path, rect, circle and text, each with its own position, colour and outline. A program reads these instructions and draws the picture at whatever size it is asked for.

Because the file is text, you can open it in a plain text editor, change a colour by hand, or copy the code from a design program or a website. That is also why this tool lets you paste SVG code directly instead of saving a file first.

An SVGZ file is the same SVG text, packed with gzip to make it smaller. This tool unpacks .svgz files in your browser and treats them exactly like normal SVG files.

SVG files come from many places. Designers export them from vector programs as the master copy of a logo or an illustration. Icon sets offer each icon as a small SVG. Charting and diagram tools, mapping programs and many office programs can save drawings as SVG, and web developers often keep their icons as SVG code inside a project.

Files from these sources differ a lot. Some have a clear size in pixels or millimetres, some only a viewBox, some neither. Some use system fonts, others name a brand font that only the designer has. Some embed pictures, others link to them. The tool handles the common cases automatically, and the file list shows the planned size of each file so you can spot an odd one before converting.

If a file came from a website, it may have been written to be styled by that site. Colours set by the site's style sheet are then missing in the file itself, and the drawing may come out black. Open the SVG in a browser tab first: what you see there is what you will get here.

This SVG to PNG converter free of charge has no sign-up, no watermark, no daily limit and no trial that runs out. You do not need to install anything or create an account, and you can convert as many batches as you like, one after another.

Because the drawing is done by your own device rather than a paid server, there is nothing to pay for and no queue to wait in. A batch of a few dozen icons usually finishes in a second or two on a modern computer, and only very large sizes take noticeably longer.

A photo can only be made smaller without loss. Make it bigger and it turns soft and blocky, because the extra pixels have to be guessed. A vector drawing is different. Every edge is a mathematical curve, so the browser can draw it at 64 pixels or 6400 pixels and each one is as clean as the other.

That is why you can turn SVG to PNG without losing quality at any size you choose. The tool does not draw a small picture and stretch it. It tells the browser the final pixel size first, and the browser draws every curve and every letter directly at that size. Thin lines stay thin, round shapes stay round, and text stays crisp.

The only real limit is the pixel grid itself. A one-pixel-wide line in a tiny icon may look a little soft at 1×, simply because it falls between two pixels. At 2× or more this disappears. If an image looks soft, the fix is almost always a bigger scale, not a different tool.

Many people ask for SVG to PNG high quality output and wonder which setting gives it. The good news is that every setting here gives the full quality the size allows. PNG is lossless, so the pixels the browser draws are saved exactly, with smooth anti-aliased edges and full transparency.

What makes the visible difference is the pixel size. A 200-pixel logo shown on a high-density laptop screen will look slightly soft, while the same logo saved at 400 or 600 pixels looks razor sharp. Choose the size for where the picture will be shown, and if in doubt, go one step bigger.

If you switch to JPG or WebP to get smaller files, the quality slider matters. Values of 90 to 95 look the same as the original to almost everyone. Below about 80, flat-coloured logos can show faint smudges around their edges, which is why PNG is the better choice for logos and icons.

The image can only be as good as the drawing. If the SVG itself was made by tracing a low-resolution picture, the shapes may have wobbly edges, and converting it into PNG keeps those wobbles exactly. For a clean result, start from the SVG exported by the designer or from the original design program.

Also check that the SVG has a sensible size and viewBox. The size the drawing was designed at is what 1× means here. A file without width, height or viewBox is treated as 300 × 150 pixels, the same default every browser uses, and then the list will show a size you may not expect.

For SVG to PNG high resolution output there are two easy routes. Scale multiplies the size the SVG was designed at: a 512 × 512 logo becomes 1024 × 1024 at 2× and 4096 × 4096 at 8×. A custom scale accepts any factor from 0.1 to 64, so 2.5× or 6× are possible too.

Print DPI is the second route. It reads the SVG's own size in inches, centimetres or millimetres, if the file has one, and draws it at 96, 150, 300 or 600 dots per inch. The DPI value is also written into PNG and JPG files, so layout and print programs place the picture at the right physical size.

Modern phones, tablets and many laptops have high-density screens. They pack two or three physical pixels into the space where an older screen had one. A picture that is 100 pixels wide in the page layout therefore needs 200 or 300 real pixels to look perfectly sharp on them.

That is what the 2× and 3× buttons are for. If a logo is designed at 160 × 40 and shown at that size on a website or in an app, save it at 2× (320 × 80) for most screens, or at 3× (480 × 120) for the sharpest phones. Then set the display size in your page or app to the 1× size, and the screen does the rest.

App developers often need the same icon at 1×, 2× and 3×. Convert the same SVG three times with the three scale buttons, or once each with Width set to the exact pixel sizes the app guidelines list.

Sometimes the size is not a multiple but a fixed number: a shop asks for 800 pixels wide, a template has a 1200 × 630 box, a profile picture must be 400 × 400. For SVG to PNG with size set in pixels, choose Width, Height or Exact size instead of Scale.

Width sets the number of pixels across and lets the height follow the drawing's proportions. Height does the same the other way round. Both are the simplest choice when only one side matters, for example a logo for an email signature that must be 300 pixels wide.

Exact size sets both sides. The file list shows the result for every file before you convert, so with a batch of icons of different shapes you can check at a glance that each one gets the size you want.

When the box you need has a different shape from the drawing, Exact size offers two choices. Keep proportions draws the SVG as large as it fits inside the box and centres it, leaving the rest empty, transparent or in your background colour. Nothing is cut off and nothing is squashed.

Stretch fills the whole box and squeezes the drawing to fit. That is rarely what you want for logos or text, because letters and circles become distorted, but it can be right for backgrounds, patterns, bars and shapes that were meant to fill an area.

For a social preview image, for example, choose Exact size 1200 × 630, Keep proportions, a white or coloured background and some padding. The logo sits neatly in the middle of a full-size image.

DPI, dots per inch, only means something when a picture is printed or placed in a document at a physical size. Print DPI mode uses the SVG's own physical size, if the file has one in inches, centimetres, millimetres or points, and works out the pixels for you: an SVG that is 4 inches wide becomes 1200 pixels wide at 300 DPI.

If the SVG only has a pixel size, the tool treats 96 pixels as one inch, the same rule browsers use. A 96-pixel-wide SVG is then one inch wide, and at 300 DPI it becomes 300 pixels wide.

The DPI value is written into PNG and JPG files, so a layout or word processing program shows the picture at the right size on the page. WebP has no standard place for a DPI value, so WebP files get the right number of pixels but no DPI note.

A common job is turning one master logo into a complete set of images for a business. With a single SVG you can make every size you need, each one drawn fresh and perfectly sharp, without ever enlarging a small picture.

A practical kit looks like this. A transparent logo at 2× for the website header. A white-background version at 300 DPI for letters and invoices. A square version with padding and a brand-colour background for profile pictures. A 1200 × 630 image for link previews. And small square icons at 32, 48, 180, 192 and 512 pixels for browsers, phones and web apps.

Run the same SVG through the tool once for each look, changing only the settings between runs. Because the settings stay in place until you change them, it takes only a minute. Rename the files as you save them, for example logo-white-300dpi.png, so the right one is easy to find later.

Transparent is the default background, because most SVG logos and icons have no background of their own. Converting SVG to PNG with transparent background keeps every empty area see-through, so the logo sits cleanly on any colour: a dark website header, a coloured slide, a photo.

Edges stay smooth too. PNG stores partial transparency for every pixel, so the soft, anti-aliased rim around a curve blends into whatever is underneath instead of showing a white fringe.

The small preview in the file list and the result card shows transparency as a light chequerboard. That pattern is not part of the image; it only shows which areas are empty. Note that JPG cannot store transparency at all, so if you choose JPG output, the background switches to white or your colour.

Some places handle transparency badly. A few office programs, older printers, document portals and online forms turn transparent areas black or grey, and a black logo on a black background vanishes. For those, choose White under Background.

Converting SVG to PNG white background fills every empty area with plain white before the drawing is placed on top. The result looks exactly as the SVG looks on a white page, everywhere, with no surprises. It is also the right choice before printing, faxing or pasting into a document with a white page.

If you need a different solid colour, choose Colour and pick it with the colour picker. A brand colour behind a white logo is a common choice for profile pictures and app icons.

Print services for stickers, labels, mugs, T-shirts and signs often ask for a PNG with a transparent background at 300 DPI, at the size of the printed design. Print DPI mode does exactly that when the SVG already has its real size in inches, centimetres or millimetres.

If the SVG only has a pixel size, work out the pixels yourself: the printed width in inches times 300. A sticker 3 inches wide needs 900 pixels, a 10-inch T-shirt print 3000 pixels. Set that number under Width and keep the background transparent, unless the printer asks for white.

Thin lines that look fine on screen can be too thin to print, and very small text can fill in on rough materials. Those are design questions rather than conversion ones, but they are worth a look before you order a large run.

Charts, flowcharts, floor plans and maps are often saved as SVG by the programs that make them. To put one into a report, a wiki that does not accept SVG, a chat message or a slide, turn it into a PNG at 2× the size it will be shown at, with a white background so the lines stay readable on any theme.

Diagrams with a lot of small text benefit most from a bigger size. If labels look fuzzy, choose 3× or 4×. If a chart was exported from a tool that builds it with scripts, export it as a static SVG first, because scripts inside the file do not run here.

On your own website, SVG is often the better choice for logos and icons, because one small file stays sharp on every screen. PNG is still needed in many places around a website, though: link preview images, email newsletters, favicons for some older browsers, app store pages and any third-party service that asks you to upload a logo.

When you do use PNG on a page, save it at 2× the size it is shown at and set the display size in the page. That gives sharp results on high-density screens without making the file much bigger than needed. For large illustrations on the web, WebP output is usually smaller at the same look.

Word processors, spreadsheets and slide programs vary in how they handle SVG. Recent versions of some can insert it, but the picture may look different on a colleague's computer, print oddly or disappear when the file is opened in another program or an older version. A PNG behaves the same everywhere.

For documents, Print DPI mode is the easiest choice. Choose 300 DPI and a white or transparent background. Because the DPI is written into the file, the picture is inserted at the SVG's real size, for example 4 cm wide for a logo designed at 4 cm, and it prints sharply.

For slides shown on a projector or a large screen, the pixel size matters more than the DPI. A width of 1920 or 2560 pixels for a full-slide picture, or 2× the size it will be shown at for smaller pictures, keeps lines crisp even on a big display.

Colours in the image are the colours the browser draws. Solid fills, outlines, gradients, opacity, clipping paths, masks and most filters such as blur and drop shadows are drawn just as they appear when you open the SVG in the same browser.

PNG and the other formats here store colours as standard screen colours, called sRGB. That is right for screens, documents and almost every online print service. If a printer asks for CMYK colours with a specific colour profile, give them the SVG or a PDF from your design program, or convert the PNG in an image editor with their profile.

Very soft shadows and blurs make bigger PNG files, because every pixel of the soft area has its own value. That is normal and does not mean anything went wrong.

Padding adds an empty margin around the drawing, from 0 to 30 percent of the shorter side. The picture keeps the size you chose; the drawing is simply made a little smaller inside it and centred.

This matters most for icons and profile pictures. Many platforms cut the picture into a circle or a rounded square, and a logo that touches the edges loses its corners. A padding of 10 to 20 percent keeps it safe. You find the slider under the extra options, together with the quality setting.

PNG is the default and the right choice for logos, icons, diagrams, screenshots of interfaces and anything with sharp edges, flat colours or transparency. It is lossless, so nothing is smudged.

JPG makes smaller files for large, colourful illustrations and is accepted by every program and form. It cannot be transparent and looks good with the quality around 90. For a dedicated page with JPG defaults, use SVG to JPG.

WebP is a modern web format that is often smaller than both and can be transparent. It suits websites that already use it. For a page set up for it, use SVG to WebP, and for documents that should keep the vector sharpness on paper, SVG to PDF keeps the shapes as vectors.

You do not need a file. Copy the SVG code from a design program, a code editor, an icon library or the source of a web page, then press Ctrl+V anywhere on this page, or click Paste SVG code instead and paste it into the box.

The code must contain an svg tag. It is added to the list as pasted.svg and converted like any file, with the same size and background settings. This is handy for icons that only exist as code in a project, or when you want to tweak a colour in the code before converting.

Add up to 200 SVG files at once, by choosing several in the file picker, by dropping a whole selection, or by adding more after the first batch. Every file gets the same settings and keeps its own name, so logo.svg becomes logo.png.

When the batch is done, download each image on its own, or all of them together in one ZIP. If two files have the same name, the second gets a number added so nothing is overwritten.

Because each file is drawn on your device, very large batches at very large sizes take longer and use more memory. For hundreds of big posters, convert them in a few smaller groups.

This tool runs in any modern browser, so SVG to PNG online free works on Windows, Mac, Linux, Chromebook, iPhone, iPad and Android alike. There is no app to install and no account to create.

On a phone, tap the box to pick files from Files or your downloads, or paste SVG code you copied. The converted image is saved like any download, and on iPhone you can then save it to Photos from the share menu.

Online here does not mean on a server. The page loads once, and from then on the conversion runs on your own device. That is why it is fast and why your files stay private.

There is no simple built-in way on Windows 11 to save an SVG as a PNG at a size you choose. Paint and Photos are made for pixel pictures, and most design programs that can export SVG are large installs.

The quickest SVG to PNG Windows 11 route needs no install: open this page in the browser that comes with Windows or any other browser, drag the SVG files from File Explorer onto the box, choose a size and press the button. The PNG files land in your Downloads folder, or in one ZIP when there are several.

Nothing is installed and no admin rights are needed, which also makes it suitable for office and school computers where installing software is blocked.

On a Mac, Quick Look can show many SVG files, but there is no simple way to export one as a PNG at a size you choose. Design programs can do it, but you may not have one, or it may not be at hand.

To convert SVG to PNG on Mac, open this page in Safari, Chrome or Firefox, drag the SVG files from Finder onto the box, choose a scale or size and press the button. The images are saved to your Downloads folder. On Apple silicon and recent Intel Macs, even large sizes take only a moment.

If you copied SVG code from a design or code program, press Command+V on the page to paste it instead of saving a file first.

Large images need memory. A 10000 × 10000 pixel image holds 100 million pixels and needs about 400 MB of memory while it is being drawn and saved. Desktop browsers manage that well, but phones and tablets can run out of memory and stop with an error at such sizes.

If a conversion fails at a big size, try a smaller scale, convert fewer files at a time, close other tabs, or use a computer instead of a phone. The tool refuses sizes over 16384 pixels on a side or 120 megapixels in total and tells you before converting, so you never wait for a result that cannot work.

Text is the most common reason a converted image looks different from the SVG in a design program. An SVG often only names a font, such as a brand typeface, and expects the computer to have it. If the font is installed on your computer, the browser uses it. If it is not, the browser uses a similar system font, and the letters change shape and width.

Fonts loaded from a web address inside the SVG are not loaded either, because a picture drawn this way is not allowed to fetch anything from the internet. The same applies to pictures that the SVG links to by a web address: they are left out.

The reliable fix is to convert text to paths, sometimes called outlines, in your vector editor before exporting the SVG. The letters then become ordinary shapes, and they look exactly the same everywhere, in every browser and every size.

Being honest about limits saves time. External images and web fonts referenced by a web address are not loaded; system fonts are used instead. SVG files that contain HTML inside a foreignObject element may not convert in some browsers; the tool tells you when that happens, and Chrome or Firefox usually manage it.

Animations and scripts are not captured. An animated SVG is drawn once, in the look it has before anything moves, and any script inside it does not run. Interactive charts that build themselves with scripts should be exported as static SVG first.

Each image can be at most 16384 pixels on a side and 120 megapixels in total, which is far beyond what most uses need. A single input file can be up to 30 MB, and a batch up to 200 files.

An SVG logo can be 3 KB, and the PNG made from it 300 KB. That is normal: the SVG stores a few instructions, the PNG stores every pixel. Doubling the scale makes four times as many pixels, so the file grows roughly four times too.

Simple flat logos stay small even at large sizes, because PNG packs plain areas well. Detailed illustrations with gradients, shadows and textures grow much faster. At 8× an illustration can easily reach 20 or 30 MB.

To keep files light, choose the size you really need rather than the biggest one. If the result is still too big for an upload form, choose WebP or JPG output, use Resize Image to fit a limit, or Compress Image, which shrinks it further. To turn an existing PNG into a smaller JPG, use PNG to JPG.

Before you send an image anywhere, check three things. First the pixel size, which is shown next to every result and was already shown in the list. Second the background: open the image on a dark and on a light page to see whether transparent areas are really see-through. Third the text, at full size, to make sure the right font was used.

To see the DPI written into a PNG or JPG on Windows, right-click the file in File Explorer, choose Properties and open the Details tab. On a Mac, open the image in Preview and choose Show Inspector from the Tools menu. Remember that only Print DPI mode writes a DPI value; the other size modes set pixels only.

Open the SVG in a browser tab and check that it looks right there.

Decide where the image will be used: screen, document, print or upload form.

For screens choose a scale of 2× or 3×; for print choose Print DPI 300; for fixed boxes choose Width, Height or Exact size.

Choose transparent for web and apps, white for documents, printing and forms, a colour for icons and profile pictures.

Add padding if the image may be cropped into a circle or rounded square.

Look at the planned size in the list, then convert and check the result.

Vector design programs can export an SVG as PNG too, usually with a size or DPI setting. They are a good choice if you already have one installed and open, and they also let you convert text to paths and fix the drawing before exporting.

Command-line tools can convert SVG files in scripts, which suits developers who need the same images rebuilt automatically. A browser can also show an SVG, and a screenshot captures what is on screen, but the size is then limited to your screen and the edges may be soft.

This page sits between those: no install like a design program, no setup like a command-line tool, and unlike a screenshot it draws at any size you choose, up to 16384 pixels on a side.

Your SVG files are not uploaded. The page reads them with your browser, draws them on a canvas on your own device and saves the images straight to your downloads. No server sees your logos, client work or unpublished designs.

You can check this yourself: after the page has loaded, turn off the network connection and convert a file. It still works, because nothing needs to be sent anywhere.

The tool reads each SVG as text, unpacking .svgz files first, and measures its design size from its width, height and viewBox. From your settings it works out the final pixel size and shows it in the list.

When you press the button, it writes that exact size into a copy of the SVG, lets the browser draw it onto a canvas of the planned size with the background you chose, and saves the canvas as PNG, JPG or WebP. In Print DPI mode, the DPI value is then written into the PNG or JPG file. Your original files are never changed.

Convert text to paths in your editor before exporting the SVG, so fonts never get swapped.

For screens, think in 2×: save at twice the size the picture will be shown at.

For print, use Print DPI 300 and make sure the SVG has a real size in inches or millimetres.

Keep transparency for web and apps, choose white for documents, forms and printing.

Add 10 to 20 percent padding for icons and profile pictures that may be cut into a circle.

Keep the SVG as your master file and make new images from it whenever you need a new size.

Need an icon file for a website or Windows program? Turn the PNG into an .ico file with PNG to ICO. Need a smaller file for an upload limit? Use Resize Image or Compress Image.

To go from pixels back to shapes, PNG to SVG and JPG to SVG trace pictures into vector paths. All other converters are listed under Image Tools.