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.
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
- Mermaid Diagram Editor & Viewer on the VS Code Marketplace (also on Open VSX). Live Mermaid preview beside the code, with PNG and SVG export.
- SVG Preview & SVG Viewer. Previews SVG beside the code with zoom and PNG export.
- TIFF Viewer. Opens TIFF, GeoTIFF and multi-page TIFF files in VS Code.
- Graphviz Preview. Draws DOT graphs in VS Code and exports SVG or PNG.
- DXF Viewer Online, free in your browser.
- Hex Viewer Online, free in your browser.
- PDF Dark Mode Viewer, free in your browser.
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.