What happens when you convert XD to AVIF
- XD files are converted from the preview image saved inside the file (the first page, up to about 2000 px), not re-rendered.
- AVIF uses lossy compression, so files get much smaller. Use the Quality slider to balance size and detail.
- Transparency is kept.
- Creating AVIF works in Chrome, Edge and Safari.
XD vs AVIF
| Feature | XD | AVIF |
|---|---|---|
| Compression | Vector | Lossy or lossless |
| Transparency | Yes | Yes |
| Animation | No | Yes |
| Colors | 16.7M | 1B+ |
| Best for | UI and prototypes | Modern websites |
How to convert XD to AVIF
- Drop your XD files on the box above, or click it to choose files. You can add many at once.
- Adjust the options if you want. The defaults work well for most files.
- Click Download for each AVIF file, or "Download all" to get a ZIP.
Frequently asked questions
Is it safe to convert my files here?
Yes. Conversion happens entirely in your browser. Your files are never uploaded to a server, so nobody else can see them.
Is it free? Are there limits?
It's completely free, with no sign-up, watermarks or daily limits. The only limit is your device's memory for very large files.
Can I convert many XD files at once?
Yes. Drop as many files as you like; they're converted one after another and you can download them all as a ZIP.
Will converting XD to AVIF reduce quality?
AVIF is lossy, so some fine detail is removed to make the file smaller. At the default quality it's hard to see; raise the Quality slider to keep more.
Does AVIF keep transparency?
Yes, AVIF supports transparency and it's kept.
Which browsers does the XD to AVIF converter work in?
It works in the latest Safari, Chrome and Edge, on computers and phones.
Are layers kept?
No. The file is flattened into a single image, exactly as it looks. Keep the original if you still need the layers.
Why is my XD image smaller than the design?
XD saves a preview image inside every file, and that preview is what gets converted. For full-size or per-artboard exports, export from the app itself.