SVG to PNG Converter

SVG is the format designers prefer for logos and icons, and for good reason. It describes lines, curves, colors and text as instructions, so the drawing stays sharp at any size and the files are often tiny. Browsers display SVG natively, and design tools and cutting machines import it.

The trouble starts when the logo has to go somewhere that only takes pixel images. Social networks, online marketplaces, email signatures, office documents and many upload forms accept PNG and JPG but not SVG. Some reject it simply because it is unfamiliar, others because an SVG file can contain scripts and links, which is a security risk for a site that displays uploads.

A PNG avoids both issues. It is a plain grid of pixels with a transparent background, accepted almost everywhere, and it looks exactly like the SVG at the size you rendered it.

Both formats support transparency, which is why SVG logos usually become PNGs rather than JPGs. Edges are anti-aliased during rendering, so curves look smooth instead of jagged, and the semi-transparent edge pixels are kept in PNG's alpha channel.

The one real difference is scalability. The SVG can be drawn at any size; the PNG has a fixed number of pixels. Enlarging a PNG later makes it soft, so render it at the size you actually need, or larger. Making a smaller copy from a large PNG is always fine.

Converting an SVG is not like converting a photo. There are no pixels to decode, only a description of shapes. The converter reads that description and draws it, a step called rasterizing, at the width you set. Then the drawing is stored as a PNG.

The preset width of 1024 pixels suits slides, documents, profile pictures and most web uses. The height is calculated from the SVG's own proportions, so a wide logo comes out wide and a square icon square. If you need an exact height instead, choose Set height; for icons that must fit a square, Set longest side is the easiest choice.

For high-density screens, render at twice the size the image will be shown at. For print, ask for the size in pixels, or multiply the print size in inches by the printer's resolution. You can convert the same SVG several times at different widths, and every copy will be sharp.

If you only need a smaller copy of an existing PNG, Resize Image does that directly. For an SVG, it is always better to render a new PNG at the target size than to scale an old one.

SVG files from design tools sometimes reference things outside themselves. Text may name a font without embedding it, and images may be linked rather than included. The converter renders what the file itself contains. Missing fonts are replaced with a similar one, and linked images that cannot be loaded are left out.

To avoid surprises, export the SVG with text converted to outlines and with images embedded. Most design tools offer both options in their SVG export dialog. Metadata in the SVG, such as editor comments, is not copied into the PNG.

Colors are rendered in sRGB, the color space every screen and browser expects, so a brand color defined in the SVG looks the same in the PNG. If the SVG has a background rectangle, it is drawn as part of the image; only truly empty areas stay transparent.