APNG to SVG Converter

Encoding: the APNG uses lossless DEFLATE per frame, like PNG; SVG uses XML text describing paths, shapes and text, sometimes gzipped as .svgz, and the download is an SVG traced into vector paths (or, if you prefer, the pixels embedded in an SVG wrapper).

Bit depth: 8 bits per channel in the APNG; SVG allows not fixed: coordinates and colours are continuous values, and the SVG written here has vector paths with flat colours.

Colour: RGB or an indexed palette in the APNG; SVG supports sRGB by default, other spaces through CSS colour functions, written here as flat colour regions.

Transparency: the APNG stores it as full alpha on every frame; the SVG keeps it as opacity on any element, with anti-aliased edges.

Animation: fcTL frame-control chunks with fdAT frame data after the first image; the SVG holds one image, so only the first frame is converted.

Metadata: the APNG can carry the same text and ICC chunks as PNG; SVG can carry title, description and RDF metadata elements, but nothing is copied across.

APNG extends PNG with animation frames. Unlike GIF it keeps full 24-bit colour and smooth 8-bit transparency, at the cost of larger files.

An APNG is a valid PNG with an acTL chunk announcing the frame count and loop count; each later frame is an fcTL chunk (size, offset, delay, blend and dispose rules) followed by fdAT data. Software that does not know APNG simply shows the first frame.

APNG files usually come from animated stickers (LINE and Discord among others), UI animations and Firefox-era web graphics.

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 is the better choice for logos, icons and illustrations, while APNG suits high quality animated stickers and UI animations.

SVG strengths: Infinitely scalable and sharp; Tiny files for logos and icons; Editable as text and styleable with CSS. Drawbacks to weigh: Not suitable for photographs; Can contain scripts, so untrusted SVG must be sanitized; Many apps and social sites will not accept it.