Zovo tools

SVG to PNG Converter

Drop SVG files to turn them into sharp PNG images at 1x, 2x, 4x, 8x or any width, with a transparent or solid background. Many files at once, then one ZIP. No account and no upload.

SVG Preview & SVG Viewer for VS Code and Cursor, free

Previews an SVG beside its code as you type, shows the viewBox and every symbol of a sprite, and saves or copies a PNG at any size.

Optional Zovo Pro, USD 19 once: shrink SVG files, build a sprite and convert to React.

Your file never leaves this browser. The page reads it on your computer. Nothing is uploaded, there are no tracking cookies, and it keeps working offline once loaded.

Drop SVG files here

or

One file or up to 200 at once, .svg and .svgz, up to 50 MB each. You can also paste an SVG.

Paste SVG code

Open this in VS Code or Cursor

In VS Code and Cursor the SVG Viewer previews an SVG beside its code as you type, zooms at the pointer, shows the viewBox and every symbol of a sprite, and saves or copies a PNG at any size.

Free, MIT license. About SVG Preview & SVG Viewer for VS Code.

Zovo Pro

Shrink SVG files, build a sprite and convert to React. Zovo Pro, USD 19 once.

In the SVG Viewer extension, Zovo Pro shrinks one or many SVG files (it removes what the picture does not need), builds an SVG sprite from a folder, and turns an SVG into a React component (TSX or JSX). Each Pro tool works 3 times for free. One payment covers the Pro tools in 22 Zovo extensions. Everything that is free stays free.

After a card payment you get a key on the page. With GitHub Sponsors you sign in from the extension. Details on the Zovo Pro page.

Related tools

Questions

Are my SVG files uploaded anywhere?

No. Your browser draws each SVG and makes the PNG inside this tab. The Content Security Policy sets connect-src to none, so the page cannot send your files anywhere. Open the Network tab of your browser tools and you will see no request when you convert.

What size will the PNG be?

The size the SVG asks for (its width and height, or its viewBox) times the scale you pick: 1x, 2x, 4x or 8x. Or type a width in pixels and the height follows the aspect ratio. An SVG with no size at all is drawn at 300 x 150, as browsers do. Very large sizes are made smaller to fit the browser limit of 16,384 pixels a side.

Is the background transparent?

Yes, by default the PNG keeps the transparent parts of the SVG. Pick White, Black or a custom color to fill the background instead.

Can I convert many files at once?

Yes. Drop or pick up to 200 SVG or .svgz files. Each one gets its own PNG and Download button, and Download all as ZIP saves them in one file. You can also paste SVG code, or paste an SVG you copied from a design tool.

Why does my SVG look different?

In a PNG the SVG is drawn as an image, so its scripts do not run, animations stop at the first frame, and fonts, pictures or styles linked from the web are not loaded. Use fonts installed on your computer or turn text into paths, and put pictures inside the SVG. An SVG with HTML inside (foreignObject) cannot be saved as PNG by the browser.

Is a hostile SVG safe to open?

Yes. The SVG is only ever drawn as an image, where browsers never run scripts or load outside files. Files that expand into millions of shapes through use elements, or declare XML entities, are refused before they are drawn.

What is free and what is Zovo Pro?

Converting to PNG at any size is free here, and the SVG Viewer extension previews and exports PNG for free too. Shrinking SVG files, building a sprite from a folder and converting an SVG to a React component are Zovo Pro in the extension. One USD 19 payment covers the Pro tools in every Zovo extension.