How to
How to convert SVG to PNG
- Add your SVG. Choose the file, drop it on the box, or paste the SVG code. It is read on your device and never uploaded.
- Pick the size. Scale multiplies the size written in the SVG: 2x suits screens, 4x or 8x suits print. Or type an exact width or height in pixels and the other side follows.
- Choose the background. Transparent keeps the empty areas see-through. White or a color of your choice fills them.
- Download the PNG. Or copy it and paste it straight into a document, a chat or your slides.
What size should the PNG be?
Make it the size it will be shown, times the screen's pixel density. A logo shown 200 pixels wide on a website needs 400 pixels for sharp phone and laptop screens, so 2x. For print, multiply the printed width in inches by 300: a 3 inch logo on a flyer needs 900 pixels. Every size is drawn fresh from the vector, so a larger PNG is never blurry, only a larger file.
Why is the PNG different from what I see in my editor?
Three things cause it. Text uses a font that is not installed on this device, so a fallback font is used; convert the text to outlines in your editor before exporting the SVG. Images or fonts linked from the web are not loaded when an SVG is drawn as an image. And some editor-only effects are not part of the SVG standard. The converter lists any of these it finds in your file.
Going the other way, from a picture to a vector? Use the SVG converter, which traces PNG and JPG images into SVG. For other formats, see SVG to JPG, SVG to PDF and SVG to ICO.
Questions people ask
Can I convert an SVG file to PNG?
Yes. Drop the SVG on this page, choose a scale or an exact width, and download the PNG. The drawing is redrawn from its vector shapes at the size you pick, so a 4x PNG is as sharp as the original. Transparent areas stay transparent unless you choose a background color. The file is converted in your browser and never uploaded.
Which is better, SVG or PNG?
Neither is better everywhere. SVG stores shapes, so it stays sharp at any size and is ideal for logos, icons and charts on the web. PNG stores pixels, which every app, email client and document editor accepts. Keep the SVG as your master file and export PNGs for places that do not take SVG, at the size they will be shown.
When not to use SVG?
Avoid SVG for photographs and detailed textures, which need millions of pixels rather than shapes. It is also a poor fit where uploads are limited to raster images, such as many social networks, email newsletters, marketplaces and older office software. In those places a PNG made from your SVG at the right size gives the same look without the compatibility problems.
Can Chrome open SVG files?
Yes. Chrome, Edge, Firefox and Safari all display SVG files: drag one into a browser window to view it. Viewing is not saving as PNG, though. Right-clicking an SVG in the browser only saves the SVG again. To get a PNG, drop the file on this page, which uses the browser's own SVG renderer to draw it at the size you choose.
How can I convert an SVG file to Word?
Current versions of Word in Microsoft 365 accept SVG directly: choose Insert, Pictures and pick the file, and it stays sharp and can be recolored. Older versions of Word do not read SVG. For those, convert it to PNG here at 2x or 3x the size it will be shown on the page, then insert the PNG instead.