PNG · JPG · WebP · GIF · BMP · AVIF
Split by color
each layer as its own SVG (free, unlike other converters' paid split)
each layer as its own SVG (free, unlike other converters' paid split)
AVIF is the newest image format on the web: superb compression, HDR-ready, and fully decoded by modern browsers. This converter turns AVIF files into layered, scalable SVG vectors without leaving your browser: transparency is preserved, colors are cleaned, and the output is ready for print or cut.
AVIF is the container face of the AV1 video codec, and it arrives with the deepest toolset of any format on this site: chroma-from-luma prediction, intra modes that rebuild edges from dozens of directional candidates, and (uniquely useful here) film-grain synthesis, which throws away heavy sensor or scanner noise at encode time and repaints it as a synthetic layer on playback. For flat, modern web art that typically means remarkably clean regions reaching the tracer; the same aggressive compression that would maul fine photographic detail tends to merely simplify shapes a tracer would round off anyway.
Two AVIF-specific behaviors are worth knowing before you trace. First, bit depth: AVIF happily stores 10-bit and 12-bit color in wide-gamut spaces, but a browser canvas is 8-bit, so conversion to 8-bit sRGB happens first; highly saturated out-of-gamut colors can shift slightly, though in practice this is rarely visible. Second, grain synthesis: an AVIF saved with a strong grain parameter plays back with visible film-grain-like texture even where the underlying pixel data was flat. That synthetic grain lands on the canvas like any other color, so the quantizer sees it; a mild bump of the Simplify slider trims it out of the traced vector.
Transparency works the modern way (a real alpha channel, not GIF's on/off bitmap), so transparent backgrounds survive, and soft alpha edges land wherever the encoder put them. If your AVIF is a photograph, the standard advice applies: raise the color count toward 16–24 and treat the result as posterized art. If it is flat artwork, or a logo from a pipeline that now defaults to AVIF, you will usually find the trace a shade cleaner than an equivalent JPEG of the same file size.
AVIF is supported natively in Chrome, Edge, Firefox and Opera; Safari supports it from version 16. If your browser cannot decode AVIF, the tool will tell you instead of failing silently.
Yes. Higher-quality AVIFs (higher quantizer quality) preserve more edges and colors, producing a more faithful vector. Heavily compressed AVIFs trace as smoother, simpler shapes.
Yes. Alpha-channel transparency is excluded from tracing, so the SVG keeps its transparent background.
A traced SVG is resolution-independent and editable; every color is a separate path layer you can restyle, cut on vinyl, or animate, while PNG stays a fixed-size pixel grid.
Converting a different format? We also handle PNG to SVG, JPG to SVG, WebP to SVG, GIF to SVG, BMP to SVG, AVIF to SVG and the main image to SVG converter, all free, all in-browser. Turning a logo into a vector? There is a dedicated logo to SVG page. Making a cut file for a plotter? The SVG for Cricut page covers the whole workflow. Want the deeper background? The guides hub covers how image tracing works, preparing logos for vinyl cutting and layered SVGs for laser engraving.