Convert SVG to AVIF

Drop SVG files here and get AVIF images back, with transparent areas still transparent. AVIF usually makes a smaller file than WebP at the same visual quality, which suits hero graphics and logo variants on a site you control. Keep the size your SVG declares or pick a long edge up to 4096 pixels; the vector is drawn at that size, and the conversion runs in memory at api.mochify.app with nothing saved to disk.

How to convert SVG to AVIF

1. Pick a size. Original keeps the width and height your SVG declares (or its viewBox when those are missing). Or choose a long edge of 512, 1024, 1200, 2048 or 4096 pixels; the other side stays in proportion.
2. Drop your SVGs. Up to 3 at a time on the free plan, 25 on a paid plan.
3. Download the AVIF files and serve them with a fallback (see below).

What the converter keeps and drops

• Kept: transparency; shapes and paths; text; images embedded in the file. Edges stay sharp at every size, because the vector is drawn at the size you pick rather than stretched.
• Dropped: web fonts loaded by URL (text falls back to a default font, so outline your lettering first), images linked from a URL (left out silently) and animation (you get the un-animated state).
• Size: the long edge you pick, or with Original the SVG's width and height, else its viewBox. A file with none of them has no size to work from, so add one first.

Where AVIF fits, and where it does not

Current versions of Chrome, Edge, Firefox and Safari decode AVIF, so on your own site it is a strong choice for flat graphics with transparency. Serve it inside a <picture> element with a WebP or PNG fallback for older browsers. Keep a WebP or PNG copy for email, CMS media libraries and marketplaces that do not accept AVIF yet. What is an AVIF file? covers support and opening AVIF files; WebP, AVIF or JPEG XL in 2026 compares the three. If the SVG is headed somewhere that accepts SVG, keep it as SVG: our SVG conversion guide explains when.

Converting SVG to AVIF without a converter

Few design tools export AVIF directly: Inkscape's Export dialog (version 1.2 and later) offers PNG, JPEG, WebP and TIFF, and Figma's offers PNG, JPG, SVG and PDF. The usual route is to export a PNG at the size you need, then encode it, for example with libavif's command-line tool (avifenc logo.png logo.avif).

Limits, bulk and automation

Without an account you can convert 3 images a month; a free account gives you 25 a month, up to 3 at a time, 20MB each. Paid plans (Seller, Pro and Growth) take batches of 25 and files up to 75MB, and a $2 Day Pass gives 100 uploads over 24 hours with no account. The pricing page has the plans.

The REST API does the same on every plan, Free included; full reference in the API documentation:

curl -X POST "https://api.mochify.app/v1/squish?type=avif&width=2048" \
  -H "Content-Type: image/svg+xml" \
  -H "Authorization: Bearer $MOCHIFY_API_KEY" \
  --data-binary @logo.svg \
  --output logo.avif

width sets the output width in pixels and the vector is drawn at that width; leave it out to keep the SVG's own size.