Why convert SVG to PNG at all
SVG is a vector format: shapes, paths and text described in code, so it scales to any size without blur. That makes it perfect for logos and icons on websites, but plenty of places still refuse it. Social networks, email clients, many CMS upload fields, slide software and messaging apps expect a raster image. PNG is the natural target because, like SVG, it supports full transparency and keeps hard edges clean instead of smearing them with compression artifacts.
The trade-off is that a PNG has a fixed pixel size. Once exported, it behaves like any photo: enlarge it and it gets soft. So the main decision in this conversion is not quality, it is size.
Choosing the right output size
This converter gives you two ways to set dimensions:
| Option | Best for |
|---|---|
| Scale 1x | Matching the width and height written in the SVG |
| Scale 2x | Web images that need to look sharp on Retina and high-DPI phones |
| Scale 3x–4x | Print mockups, large previews, zoomable images |
| Exact width or height | Fixed requirements like favicons, app icons, profile pictures |
When you enter only a width or only a height, the other side follows the SVG’s aspect ratio, so nothing gets stretched. The ceiling is 8,000 pixels per side, which is plenty for posters but keeps your browser from running out of memory.
If your SVG has no width or height attributes, only a viewBox, the browser uses the viewBox dimensions as the 1x size. Typing an exact width is the most predictable choice for those files.
Transparent or solid background
Most icon and logo SVGs have no background shape, so the PNG comes out transparent by default. Keep it that way if the image will sit on top of other content.
Choose a solid fill when:
- the PNG is going somewhere that renders transparency as black, such as some older chat apps or video editors;
- you want a white card behind a dark logo for a document or invoice;
- you are making a thumbnail that needs to match a brand color.
Common problems and fixes
Text appears in a different font. Fonts linked from the SVG but not embedded fall back to a system font. Outline the text in Illustrator, Inkscape or Figma before exporting the SVG.
Parts of the image are missing. SVGs that load external images or stylesheets by URL may render without them, because browsers block outside resources when drawing an SVG to a canvas. Embed images as data URIs or inline the CSS.
The PNG is blank. The file may be an SVG with zero width, or the content sits outside the viewBox. Open it in a browser tab to check what actually renders, then fix the viewBox in your editor.
Edges look jagged on a big screen. Export again at 2x or higher instead of upscaling the PNG later.
Privacy and batch use
All rendering happens locally in your browser using a canvas, so client logos and unreleased artwork never leave your machine. You can drop up to 50 SVGs at once; each keeps its original name with a suffix, which makes it easy to match exports to source files.