SVG to AVIF Converter

SVG to AVIF, smaller and sharper. Nothing ever uploads.

Drop SVG logos and icons below — get a small, sharp AVIF per file, with transparency kept. Converted entirely on your device.

  • Your file data never leaves the device
  • Lossy AVIF, transparency kept
  • Batch up to 20 files
  • Scripts stripped, external files refused

Convert SVG to AVIF

Add your SVG files

Drag & drop SVG files here

or browse your files · you can also paste from clipboard (Ctrl+V)

Your browser rasterizes SVG natively — no decoder download, no waiting. Scripts are stripped and external references are refused before rendering.

Loading the AVIF encoder…

    No files yet. Everything stays on this device. Downloads start instantly.

    Privacy you can verify, not just trust

    Most online SVG converters upload your artwork to their servers first — and some keep a download link live for 30 days. This one can't: your browser rasterizes the SVG and the AVIF encoder (libavif, running as WebAssembly) runs entirely in your browser. Your file data never leaves the device — the only third-party requests are the site's own analytics, which count page views — and it uploads nothing, ever. The encoder itself is a local file fetched once when you first convert. Don't take our word for it:

    New cross-origin requests during use: 0
    1. Press F12 to open developer tools, then the Network tab.
    2. Convert any SVG above. Watch: apart from the site's analytics, nothing new is requested — no uploads, and no file data ever leaves your device.
    3. Extra credit: disconnect your internet after this page loads — conversion still works.

    How to convert SVG to AVIF without uploading it

    Every "free" online SVG converter you've used uploads your artwork to a company server, converts it there, and — in several documented cases — keeps a copy or a live download link for days. For client work and anything you wouldn't post publicly, that's an unnecessary risk. The safer approach is to convert the file where it already is: on your own device.

    This tool does exactly that. When you drop an SVG here, your browser:

    1. Sanitizes the SVG — script blocks, embedded HTML, animation elements and event-handler attributes are stripped, and any file that tries to load an external image, font or stylesheet is refused outright, with the reason shown on its file card.
    2. Rasterizes it onto a canvas at the width you picked — the SVG's own size, its viewBox size, or a preset — keeping the alpha channel intact, because AVIF has real transparency.
    3. Encodes the pixels as a lossy AVIF with libavif running as WebAssembly in your browser — one AVIF per file, at the quality you chose. Your original file is never modified.

    Lossy only — what that means in practice

    There is no lossless toggle, and that is deliberate. The vendored AVIF encoder's lossless mode is broken in a way that destroys colour: a solid red image encoded lossless comes back grey, verified against two independent decoders. Shipping a lossless button that silently strips the colour out of people's logos would be worse than no lossless mode at all, so the encoder refuses lossless encodes outright and this tool is lossy only. Quality runs from 50 to 100 (default 80); quality 100 is visually very close to the source but still not bit-exact. If the artwork has to be pixel-perfect, keep it as an SVG or convert it to PNG instead.

    Why does AVIF encoding take so long?

    AVIF is the most efficient image format in common use, and its encoder pays for that efficiency in time: libavif running single-threaded in the browser takes roughly 5 to 10 seconds for a large photo, and less for the small flat graphics SVGs usually are. The converter shows per-file progress while it works. If you are in a hurry, pick a smaller width or a lower quality — or a destination preset, which steps both down automatically when it aims for a target size.

    When is AVIF the right choice for an SVG?

    SVG is the best format for artwork that just needs to be stored or viewed — small, sharp, and infinitely scalable. AVIF earns its place when the picture has to be seen and shared: many upload forms, CMS fields, marketplaces and social platforms won't accept an SVG, reject it as an attachment type, or strip it to a download link, while an AVIF opens everywhere and is far smaller than a PNG or GIF of the same artwork. AVIF also keeps real transparency, so a logo with soft edges or a drop shadow survives the trip. If the destination has a size limit, pick a destination preset and the converter will aim for it.

    Honest limitations

    Lossy only

    No lossless toggle: the vendored encoder's lossless mode produces monochrome files, so it is refused outright. Quality 50–100, default 80. For pixel-perfect artwork, keep the SVG or convert to PNG instead.

    Encoding is slow

    libavif is single-threaded in the browser: roughly 5–10 seconds for a large photo, less for small flat graphics. Per-file progress is shown while it works; smaller widths and lower quality encode faster.

    Animated SVG becomes a still frame

    SMIL and CSS animation inside a single SVG file are stripped and the static artwork is rendered. This converter produces still AVIFs only — for motion, use SVG to GIF.

    Transparency is preserved

    AVIF has a real alpha channel, so see-through areas stay see-through, including partly transparent pixels. Previews sit on a checkerboard so you can see it. Nothing is flattened onto a background.

    External resources are refused

    Linked images, webfonts and external stylesheets are never fetched, so an SVG that depends on them may render differently or be refused outright. The file card reports it per file — nothing is silently skipped. For pixel-perfect text, convert text to outlines before exporting.

    Quality 100 can be larger than a tiny SVG

    A vector stores shapes as text; a raster stores every pixel, so at quality 100 a lossy AVIF can be larger than a small flat SVG source. The file card shows the real sizes — lower the quality if it happens. EXIF/metadata does not apply to SVG (it is XML). Outputs are capped at 16 megapixels and one side at 8000 px. Compressed .svgz files are not supported — unzip them first.

    Frequently asked questions

    Is the AVIF output lossless?

    No. This converter is lossy only. The vendored AVIF encoder's lossless mode produces monochrome files — a solid red image comes back grey — so there is no lossless toggle and the encoder refuses lossless encodes outright. Quality runs from 50 to 100 (default 80); quality 100 is visually very close to the source but still not bit-exact. If you need pixel-perfect artwork, keep the SVG or convert to PNG instead.

    Why does AVIF encoding take so long?

    AVIF is encoded by libavif running as WebAssembly in your browser, single-threaded, and it is a slow encoder by design — roughly 5 to 10 seconds for a large photo, less for small flat graphics. The converter shows per-file progress while it works. Smaller widths and lower quality encode faster, and the destination presets step both down automatically when they aim for a target size.

    What happens to transparency in my SVG?

    Transparency is preserved as real AVIF alpha — see-through areas stay see-through, including partly transparent pixels. The previews sit on a checkerboard so you can see it. There is no background picker and nothing is flattened: unlike GIF, AVIF has a proper alpha channel, so your logo keeps its soft edges and drop shadows.

    Can an animated SVG become an animated AVIF?

    No. Animated SVG (SMIL or CSS animation inside the file) converts as a single still frame only — one SVG holds one still picture, and this converter produces still AVIFs. If you need motion, convert the frames separately, or use our SVG to GIF converter, which can combine several SVGs into one looping GIF.

    Why convert SVG to AVIF instead of keeping the SVG?

    SVG keeps artwork perfectly sharp at any size and is the smallest format for logos, but plenty of places cannot use it: many upload forms, CMS fields, marketplaces and social platforms reject SVG outright or strip it to a download link. AVIF plays inline almost everywhere, is far smaller than PNG or GIF for the same artwork, and keeps transparency — so it is the best raster format for a logo or icon that has to be seen, shared or uploaded somewhere SVG cannot go.

    My SVG has no width or height — what size will the AVIF be?

    If the SVG has a viewBox, that is used as the base size (for example viewBox 0 0 100 50 gives a 100×50 AVIF at Original size). If it has neither width, height nor viewBox, the browser default of 300×150 is used and the converter says so on the file card. 'Original' in the width menu means the SVG's own width and height, or its viewBox size when it has no width or height. In either case you can pick a width preset instead — the height follows the aspect ratio.

    Is it safe to convert an SVG I downloaded from the internet?

    SVG is XML and can carry scripts and external references, so this converter sanitizes every file before rendering: script blocks, embedded HTML (foreignObject), animation elements and event-handler attributes (onclick and friends) are stripped, and any file that tries to load something from the network — an external image, font, stylesheet or link — is refused outright, and the file card says why. Rendering then happens through the browser's image path, where SVG scripts cannot run at all. The file card shows exactly what was removed.

    Is there a file size or daily limit?

    There is no daily limit and no account. A 25 MB safety cap applies per file and 20 files per batch, because decoding large images in the browser is memory-heavy and AVIF encoding is slow. Outputs are capped at 16 megapixels and one side at 8000 px, so a huge viewBox cannot crash the tab. Note that at quality 100 a lossy AVIF can be larger than a tiny flat SVG source — the file card shows the real sizes, so you can see it and lower the quality if it happens.