AVIF to SVG converter

AVIF to SVG, lossy or not.

Drop in an AVIF, the newer image format many websites send in place of a JPG. VecSnap finds out from the file itself how hard it was compressed, handles a lossy one as the compressed file it is, and redraws it as clean curves and flat colors.

  • Converting and previewing are free
  • One credit keeps the file, every format included
An ink vinyl record with three thin cream grooves and a tomato label, a teal tone arm across it, on cream, up close: the AVIF as uploaded
An ink vinyl record with three thin cream grooves and a tomato label, a teal tone arm across it, on cream, up close: VecSnap's SVG
AVIFpixelsSVGshapes
The AVIF as uploaded20 KBVecSnap's SVG6.6 KB240 anchor points

To convert an AVIF to SVG, drop it on VecSnap. An AVIF can be lossy, which makes it small and softens its fine lines, or lossless, which keeps every pixel. Nothing in the name tells you which: VecSnap reads it inside the image, with how hard it was compressed, handles a lossy AVIF as compressed, and redraws it as flat shapes and clean curves in every color it had. Converting and previewing are free.

Updated 4 sources ↓

The file, opened

A lossy AVIF, redrawn.

A real lossy AVIF, saved from a web page. Drag from its pixels to VecSnap's shapes, or put potrace's trace next to it.
OriginalVecSnap

An example we picked, made with Gemini.

Read asLossy AVIF · quality 60

Anchor points
VecSnap 240, potrace 1,94187% fewer
File size
VecSnap 6.6 KB, potrace 87 KB92% lighter

In the file

18 paths

Two kinds of AVIF

Is an AVIF lossy or lossless?

Both end in .avif. The difference is inside the image, in how hard its encoder rounded the picture away. VecSnap reads that number from the file, so you never have to guess.
  • This page's file · q60

    Lossy

    The small kind websites send: fine detail rounded away, colors often stored at half resolution.

    VecSnap reads how hard it was compressed and repairs the damage first. This page's file was repaired before it was drawn.

  • Lossless

    Every pixel kept exactly, at the price of a bigger file.

    Drawn from its pixels as they are.

How to tell: the image's own quantizer.

  • auxCTransparentA see-through layer stored beside the picture. Its empty areas stay empty in the SVG, and the file is drawn as it is.
  • avisAnimatedAn AVIF that holds a sequence. VecSnap draws its first frame.

Compression marks

What a lossy AVIF does to fine lines

To save bytes, a lossy AVIF smooths what it cannot afford to keep: a thin line turns soft and its color spreads into what touches it. Up close, from left to right: the AVIF as saved, potrace following the blur, and VecSnap's line, drawn clean in one color.
Original
1,024 pxthe AVIF as uploaded, its own pixels
potrace
1,941anchor points in the whole file
VecSnap
240anchor points in the whole file

What you get

What a good AVIF to SVG file keeps

  • Its colors, flat

    Every color of the AVIF becomes a single fill, and the shapes sharing a color sit in one group.

  • The see-through parts

    Where the AVIF is empty, the SVG is empty too, ready for any background.

  • Shapes you can select

    A round shape comes back as a circle and a straight side as a straight line.

  • A light file

    Each curve carries only the points it needs, so editing it stays quick.

Questions

AVIF to SVG, answered.

Sources

Yes. Drop the AVIF on VecSnap. Lossy or lossless, it comes back as an SVG made of shapes in its own colors, ready for Figma, Illustrator, Cricut or a website.

An SVG on a websiteAn SVG for Cricut

Drop an AVIF. Check the file.

Converting is free. You see the whole result before you spend anything.