Images to Animated AVIF Maker
Converting a single JPG or PNG to a still AVIF? Use the Image to AVIF converter instead. This tool combines several images into one animated AVIF: the idea of an animated GIF, with AV1 compression. Drop your frames, drag them into order, preview, set quality and speed, then export. In browsers with an AV1 encoder, such as Chrome and Edge, the AVIF is encoded on your device. Other browsers can opt in to server encoding, which only starts after you confirm and deletes your frames once the export is ready.
- On-device in Chrome & Edge · server only if you opt in
- Up to 100 MB
- No watermark, no signup
Last reviewed · How we verify claims
Drop images here
or click to browse — several images or a folder (PNG, JPG, WebP, AVIF) · or paste
Processed on your device. Nothing is uploaded.
How it works
- 1. Drop PNG, JPG, WebP or AVIF images, or a whole folder. If their shapes differ, choose Fit, Fill or Stretch and the width.
- 2. Reorder or remove images, set how long each one shows, add crossfades, captions and colour looks.
- 3. Encode with the browser's WebCodecs AV1 encoder on your device (Chrome, Edge), or confirm server encoding in other browsers, then download the animated AVIF.
Recommended settings
| Use case | Settings | Why |
|---|---|---|
| 360° product spin | 36 frames (one per 10°) · 12–15 fps · quality 55–65 | Neighbouring angles are similar, which AV1's inter-frame coding exploits far better than GIF. |
| UI or feature loop | Frames at display size · 10–15 fps · quality 60–70 | Slightly higher quality keeps small interface text sharp. |
| Timelapse from stills | 10–15 fps · quality 45–55 | Photographic frames hide compression well, so lower quality saves the most bytes here. |
Use it on the web
<picture>
<source srcset="product-spin.avif" type="image/avif">
<source srcset="product-spin.webp" type="image/webp">
<img src="product-spin.gif" alt="360° view of the product" width="480" height="270" loading="lazy">
</picture>GIF vs WebP vs AVIF vs MP4
| Format | Typical size | Colour | HTML tag | Support |
|---|---|---|---|---|
| GIF | Largest | 256 per frame; on/off transparency | <img> | Everywhere |
| WebP | Usually much smaller than GIF | Full colour + alpha | <img> | All modern browsers |
| AVIF | Usually smallest of the image formats | Full colour (alpha in the format; not written by this tool) | <img> | Current Chrome, Edge, Firefox, Safari |
| MP4 | Usually smallest overall | Full colour, no alpha | <video> | Everywhere, but not where only images are allowed |
None of these exports include audio. Sizes vary by clip, so the editor shows your real output size before download. How we test
Questions about Images to Animated AVIF Maker
- How many images can I combine, and in what order?
- As many images as your plan allows (60 on the free plan) and your device can hold, in PNG, JPG, WebP or AVIF; you can drop a whole folder. Frames play in the order added; drag frames in the strip, or focus one and press Alt plus an arrow key, to reorder. If the images have different shapes, choose Fit (with a blurred or coloured fill), Fill or Stretch, and a width up to 1080 px or the original.
- Are my images uploaded?
- Not in Chrome or Edge: the AVIF is encoded on your device with the browser's AV1 encoder. Only if your browser can't do that will we offer server processing, and only after you click to start it. Those frames are deleted automatically once the export is ready.
- Why is AVIF unavailable in my browser?
- Animated AVIF needs an AV1 encoder, which Chrome and Edge include. Firefox and Safari usually don't, so you are offered the opt-in server path; if that is switched off, choose GIF or WebP, which encode locally everywhere.
- Will transparent PNG frames stay transparent?
- No. The AVIF format supports alpha, but this encoder writes opaque frames, so transparent areas become white. For a transparent animation use Images to Animated WebP.
- Can I use animated AVIF for a 360° product viewer?
- Yes, for an auto-rotating spin shown in an img tag. Interactive drag-to-rotate viewers need separate frames controlled by JavaScript, but an animated AVIF is a lightweight preview or thumbnail for them.
360° product spins at a fraction of the weight
Turntable spins are usually 24 to 72 photos taken at equal angles. As a GIF, each photo is stored almost independently with a 256-colour palette, so spins get heavy and banded. AV1 predicts each frame from the previous one, so the small change between neighbouring angles costs very few bytes, and colour stays photographic.
Preparing the sequence
Shoot or render every frame at the same size, framing and exposure; a lightbox and fixed camera make the biggest difference. Name files with leading zeros so they sort in order, and crop to the product before exporting. Mixed sizes can be fitted, filled or stretched, up to 1080 px or the original width.
Shipping it on a store page
Serve the AVIF in a picture element with a WebP and GIF fallback, and give the img explicit width and height so the layout doesn't shift while it loads. Keep the main still product photo as the first thing visitors see and the spin as an enhancement.
Private by design
Animated AVIF is encoded on your device in browsers with an AV1 encoder, such as Chrome and Edge. Other browsers can opt in to server encoding, which only starts after you explicitly confirm; the file is deleted once the result is ready.