Image formatsince 2019

.avifAV1 Image File Format

A modern web image format based on AV1, built for very small photo files, HDR, transparency, and animation.

Extensions
.avif
MIME
image/avif
Standard
AV1 still image in the HEIF container
Released
2019

About this format

AVIF stores still images with the AV1 codec inside an ISO-based image container. It is most useful for web photos where file size matters and the audience uses modern browsers.

AVIF can carry lossy photos, lossless images, transparency, HDR color, and even image sequences. The trade-off is tooling: browser support is now strong, but many older editors, CMS uploaders, and email clients still expect JPG, PNG, or WebP.

Real-world samples & file sizes

Four real AVIF files from an upstream sample suite, stored locally at their original sample dimensions. The browser renders each file directly when AVIF is supported.

Hato sample preview at 3082 x 2048
High-res photo3082 x 2048

Hato

A large AVIF photograph encoded from the upstream sample suite.

253 KB avif.avif
Fox sample preview at 1204 x 800
Landscape1204 x 800

Fox

A common web image size used by the AVIF conformance sample set.

79 KB avif.avif
Kimono sample preview at 722 x 1024
Portrait722 x 1024

Kimono

A portrait AVIF sample used for orientation and transform tests.

83 KB avif.avif
Plum Blossom sample preview at 2048 x 2048
Alpha channel2048 x 2048

Plum Blossom

A square AVIF asset with an alpha channel.

35 KB avif.avif

Attribution metadata is mirrored in public/samples/avif/attribution.json.

Pros

  • +Excellent compression for photos and web artwork
  • +Supports alpha transparency
  • +Supports HDR and wide color workflows
  • +Royalty-free AV1 codec family
  • +Native support in modern Chrome, Firefox, Edge, and Safari

Cons

  • Older browsers and image editors may not open it
  • Encoding is slower than JPG or WebP
  • Some CMS and social upload forms still reject .avif
  • Not a safe choice for email attachments or print workflows

Where it works

Operating systems
  • macOS 13+ ✅
  • iOS 16+ ✅
  • Windows 10/11 ✅ via modern browsers
  • Linux ✅
Browsers
  • Chrome ✅
  • Firefox ✅
  • Edge ✅
  • Safari 16.4+ ✅
  • IE 11 ❌
Apps
  • Figma ✅
  • Photoshop ✅ newer versions
  • ImageMagick ✅
  • Squoosh ✅
  • Older CMS uploaders ⚠️

Related tools

Frequently asked questions

Why do websites use AVIF?
AVIF often produces smaller image files than JPG or WebP at similar visual quality, especially for photographic images.
Can I use AVIF everywhere?
Use it on modern websites, but keep JPG, PNG, or WebP alternatives for older software, email, and upload forms.

Other image formats