SVG to PNG Converter

Encoding: the SVG uses XML text describing paths, shapes and text, sometimes gzipped as .svgz; PNG uses lossless DEFLATE with a prediction filter chosen per row, and the download is a lossless 8-bit PNG with full alpha.

Bit depth: not fixed: coordinates and colours are continuous values in the SVG; PNG allows 1, 2, 4, 8 or 16 bits per channel, and the PNG written here has 8 bits per channel.

Colour: sRGB by default, other spaces through CSS colour functions in the SVG; PNG supports RGB, greyscale, or an indexed palette of up to 256 colours, written here as 8-bit sRGB.

Transparency: the SVG stores it as opacity on any element, with anti-aliased edges; the PNG keeps it as a full alpha channel, so edges and shadows can fade smoothly.

Animation: SMIL or CSS animation described in the markup; a single still rendering is converted.

Metadata: the SVG can carry title, description and RDF metadata elements; PNG can carry text chunks, an ICC profile, physical resolution and EXIF in an eXIf chunk, but nothing is copied across.

SVG describes shapes, paths and text as XML instead of pixels, so it stays crisp at any size. It is the standard for logos, icons and illustrations on the web.

An SVG is an XML document: a root <svg> element with a viewBox, then paths, shapes, text, gradients and filters. It can also embed raster images and, dangerously, scripts, which is why untrusted SVG is sanitized before rendering here.

SVG files usually come from icon sets, logos, design tools (Figma, Illustrator, Inkscape) and diagram exports.

PNG stores pixels losslessly with full alpha transparency. It is ideal for screenshots, logos, UI and anything with sharp edges, but photos saved as PNG are several times larger than JPEG.

A PNG opens with an 8-byte signature and is a chain of chunks, each with its own CRC: IHDR (size, depth, colour type), optional PLTE and tRNS for palettes, one or more IDAT chunks with the compressed rows, and IEND.

PNG is the better choice for screenshots, logos, graphics and anything that needs transparency, while SVG suits logos, icons and illustrations.

PNG strengths: Lossless: no quality loss, ever; Full transparency with smooth edges; Perfect for text, screenshots and graphics. Drawbacks to weigh: Large files for photographs; No standard animation (that is APNG).