How do I convert SVG to PNG in high quality?

Choose 2x or 4x, or type the exact width you need. The tool redraws the vector at that size rather than enlarging a small image, so the PNG is sharp at any resolution, up to 16,384 pixels on a side.

Can I convert SVG to PNG at a specific size?

Yes. Pick Width and type the width in pixels; the height follows the proportions of the SVG. For print, multiply the printed width in inches by 300, so a logo 3 inches wide needs 900 pixels.

How do I convert SVG code to PNG?

Copy the code, from , and press Ctrl+V (Cmd+V on a Mac) anywhere on this page, or open "Paste SVG code instead", paste it and choose Convert this code. It converts like a file.

Can I convert SVG to JPG?

Yes: switch the format to JPG. JPG has no transparency, so pick the background color it should have. Use JPG only where PNG is refused; for logos and icons PNG is smaller and keeps edges cleaner.

Does the PNG keep the transparent background?

Yes. Anything the SVG does not paint stays transparent in the PNG, including soft edges, so the logo sits cleanly on any background.

Why does the text in my PNG use a different font?

Browsers do not load web fonts or other files an SVG links to when they draw it as an image. Convert the text to outlines in your design software before exporting the SVG, or install the font on your computer and use a font name the system knows.

Is it safe to convert my SVG files here?

Yes. The files are read and drawn by your browser on your own device and never uploaded, and scripts inside an SVG do not run when it is drawn as an image.

SVG to PNG Converter: Any Size, Free, No Upload

How to convert SVG to PNG

Add the SVG. Drop one file or a batch on the box, click it to choose files, or paste SVG code: press Ctrl+V (Cmd+V) anywhere on the page, or open "Paste SVG code instead" and type or paste it there.
Pick the size. 1x draws the SVG at the width and height written in the file. 2x and 4x multiply both. Width lets you type an exact width in pixels, such as 1200 for a website header or 500 for an email signature, and the height follows the proportions.
Download. Each row shows the drawing size and the PNG size in pixels. Download one file, or all of them as a ZIP. logo.svg becomes logo.png.

The PNG keeps the transparent background of the SVG. Choose JPG only when the destination refuses PNG, and pick the background color it should have.

Why you need a PNG of an SVG

SVG is a vector format, a W3C standard that describes shapes as coordinates and curves rather than pixels, so it stays sharp at any size and is often tiny. It is the right master file for a logo or an icon. But many places do not accept it: most social platforms and marketplaces refuse SVG uploads, many email clients (Gmail among them) do not display SVG images, older Office versions and many print shops' upload forms ask for PNG or JPG, and app stores want PNG icons. A PNG made from the SVG at the right size is the practical copy for all of them.

Which size to choose

A PNG has a fixed number of pixels, so the size you export is the size you get. Too small and it looks soft when it is enlarged; much too big and it is a heavy file for no reason. Screens with high pixel density, such as most phones and many laptops, show two or three device pixels for every CSS pixel, which is why images are often exported at 2x the size they are displayed.

Where the PNG goes	Choose	Why
Website or app, shown at the SVG's own size	2x	Stays sharp on high-density screens, which use two or more device pixels per CSS pixel.
Slides, documents, email signatures	Width	Type the width you need, for example the width of the slide or of the signature block, doubled.
Print	Width	Multiply the printed width in inches by 300. A logo 3 inches wide needs 900 pixels. Check it with the DPI calculator.
Social profile or app icon	Width	Use the size the platform asks for. The social media image sizes list has them.
Quick preview of the file	1x	The size the designer wrote into the SVG.

The tool redraws the vector at the size you choose instead of enlarging a small image, so a 4x PNG is as crisp as a 1x one, with four times the pixels in each direction. The largest PNG it can make is 16,384 pixels on a side.

Why an SVG can look different as a PNG

The conversion uses your browser to draw the SVG the way it would draw an image on a web page. In that mode, for security, browsers do not run scripts in the SVG and do not load anything it links to from outside the file. Three things follow:

Fonts. Text set in a web font the SVG links to (Google Fonts, for example) is drawn in a fallback font instead. The fix is to convert text to outlines (paths) in your design software before exporting the SVG, which is also what a finished logo file should have.
Linked images. A photo the SVG references by URL is left out. Embed the image in the file instead.
Animation and interaction. A PNG is one still picture. CSS or SMIL animation is drawn in its first state.

If the SVG has no width and height but a viewBox, the viewBox sets the 1x size. If it has neither, it is drawn at 512 × 512 pixels and the row tells you, so use Width to set the size yourself.

A PNG is a copy for a specific use, not a replacement for the SVG. Keep the SVG as the master and export a fresh PNG for each new size you need.

How to convert SVG to PNG without a tool

In Illustrator, choose File, Export, Export As, PNG, and set the resolution or the size; in Figma, select the frame and add a PNG export at 1x, 2x or 4x; Inkscape has File, Export with a width in pixels. Without design software, opening the SVG in a browser and taking a screenshot works, but only at the size and density of your screen, and without transparency. For a batch, or an exact size and a transparent background without installing anything, a browser tool is quicker.

Is it safe and private

The SVG never leaves your device. The page reads the file with your browser, sets the width and height you asked for, draws it on a canvas and saves the canvas with the browser's own PNG encoder. There is no upload, scripts inside the SVG do not run, and the page keeps working offline once loaded.

Methodology and limits

Size: The 1x size is the width and height attributes of the root svg element, in pixels; if they are missing, the viewBox width and height; if both are missing, 512 × 512. 2x and 4x multiply it; Width sets the width and scales the height in proportion. Sizes in other units (mm, in, %) are not read, so the viewBox is used.
Drawing: The tool rewrites the width and height of the root element to the target size, keeps or adds the viewBox, loads the file as an image in your browser and draws it on a canvas of that size, so the vector is rendered at full resolution rather than enlarged.
Encoding: The canvas is saved with the browser's own encoder (canvas toBlob) as PNG with transparency, or as JPEG at the quality you set after filling transparent areas with your color.
What is not drawn: Scripts, external fonts, images linked by URL and animation, because browsers do not load or run them for an SVG used as an image. Results can differ slightly between browsers that render SVG differently.
Limits: Up to 50 files per batch. The PNG can be up to 16,384 pixels on a side and 100 million pixels in total. Very large sizes take a lot of memory on a phone.

Sources

Scalable Vector Graphics (SVG) 2, W3C, on the viewBox and the width and height of the root element
SVG as an image, MDN Web Docs, on the restrictions when an SVG is loaded as an image
Window: devicePixelRatio property, MDN Web Docs, on high-density screens
SVG images, Can I email, support for SVG in email clients
HTMLCanvasElement: toBlob() method, MDN Web Docs, the browser encoder this tool uses

SVG to PNG converter

If you keep exporting the logo, the brand files are missing.

SVG to PNG Converter: the complete guide