Initializing... drag & drop files here
Supports: APNG, PNG
APNG (Animated PNG) is a raster format that stores one or more bitmap frames; SVG is an XML-based vector format that stores shapes as math, so it scales to any size without blurring. This converter traces the bitmap into real vector paths — it does not wrap your PNG bytes in an SVG tag. Because tracing works on a single still image, only the APNG's default frame is vectorized and the animation is not carried into the SVG.
This tool runs the bitmap through a raster-to-vector tracer (the open-source vtracer engine), which clusters the image by color and fits curves to the region boundaries. The result is a true SVG made of <path> shapes, so it stays crisp at any zoom — the opposite of an SVG that just embeds a base64 PNG inside an <image> tag.
Two honest limits worth knowing before you convert:
| Property | APNG | SVG |
|---|---|---|
| Graphic model | Raster (pixel grid) | Vector (shapes as math) |
| Scales without quality loss | No | Yes |
| Animation | Yes (multi-frame) | Yes, but only if hand-authored — not from tracing |
| Standard / origin | PNG ancillary chunks, Mozilla 2008 | W3C, SVG 1.1 (2011) / SVG 2 |
| Native browser support | Chrome, Firefox, Edge, Safari | Chrome, Firefox, Edge, Safari (all current) |
| Best for | Short animations with alpha transparency | Logos, icons, line art, infinite scaling |
| What this conversion keeps | The default (first) frame only | Traced vector paths of that frame |
.apng file onto the page or click Upload to pick it from your device.Real vector paths. The tracer analyzes the bitmap and fits curves to color regions, writing actual <path> elements to the SVG. It does not base64-encode your PNG inside an <image> tag, so the output scales without pixelation. The trade-off is that tracing approximates the original — fine for flat graphics, lossy for photos.
No. Tracing reads a single still image, so only the APNG's default frame becomes the SVG and the animation is lost. SVG can hold animation, but only when it is authored with SMIL or CSS in vector software — a raster tracer cannot generate that motion. If you need the motion preserved, keep the file as APNG or convert it to a video or GIF instead.
The default frame, which is the first frame. By the PNG specification, an APNG stores its default image in the standard IDAT chunks so that non-APNG viewers still show something; the animation lives in separate chunks. The tracer reads that default image, so you get the first frame as a static vector.
It controls how much numeric detail the tracer keeps. In our testing, lowering it trims the decimal places in the path coordinates and reduces the number of color clusters, giving a smaller, simpler SVG; raising it keeps finer curves and more colors at a larger file size. For logos and icons, 4-6 is a good balance — the page recommends staying in that range.
That almost always means the source frame was photographic or full of gradients. Tracing turns every color transition into shapes, so a detailed photo can generate tens of thousands of paths. SVG tracing is designed for flat graphics — logos, icons, and line art. For a photo, exporting the frame as a raster PNG or JPG will be far smaller and look better.
Yes. If you only need a flat, non-vector image of the first frame, convert APNG to PNG — that keeps the exact pixels without the tracing step. To go the other direction and turn an existing vector into a bitmap, see SVG to PNG, and to trace an ordinary still PNG into vectors, use PNG to SVG.