SVG to PNG

An SVG has a natural size from its width and height, or from its viewBox when those are missing. Scale multiplies that size; a scale of 2 or 3 gives sharp results on high-resolution screens. Width and Height set one side exactly and keep the proportions. Several sizes accepts a list of widths and creates one picture for each, which is handy for icons. Very large outputs are limited to 8192 × 8192 pixels so the browser doesn't run out of memory.

PNG keeps transparency and sharp edges without loss, so it is the usual choice for logos, icons and diagrams. JPG has no transparency and adds small compression artefacts around edges, but it is accepted everywhere; transparent areas become the background colour you choose (white by default). WebP keeps transparency and is much smaller than PNG, and works in all modern browsers but not in every older program.

SVG is a text format that can contain scripts and links to other files. When SVG is drawn as a picture, browsers don't run those scripts, but to be safe the converter removes script elements, embedded HTML, event handler attributes such as onload, and links to external files before drawing. Fonts and pictures that the SVG loads from other websites are not available when it is drawn as an image, so convert text to outlines in your design tool if a font looks wrong.

If the result is blank, the SVG may draw outside its viewBox or use a colour of currentColor, which is black when no colour is set. If text uses a font you don't have installed, a fallback font is used. Very complex SVGs with filters can take a moment to draw at large sizes. When an SVG has no size and no viewBox at all, browsers treat it as 300 × 150 pixels.