AVIF (AV1 Image File Format)

AVIF is a next-generation image format based on the open-source AV1 video codec. It delivers superior compression efficiency, often 50% smaller than JPEG and 20% smaller than WebP at equivalent quality. AVIF supports HDR, wide color gamut, transparency, and animation.

MIME Type

image/avif

Type

Binary

Compression

Lossy

Advantages

+ Best-in-class compression efficiency
+ Royalty-free and open-source codec
+ HDR and wide color gamut support
+ Growing browser support

Disadvantages

− Slower encoding than JPEG or WebP
− Not yet universally supported
− Limited tooling compared to established formats

When to Use .AVIF

Use AVIF as a progressive enhancement for websites, serving it to supported browsers while falling back to WebP or JPEG for others.

Technical Details

AVIF uses AV1 intra-frame coding with advanced transforms and prediction modes. It supports 8, 10, and 12-bit color depth, 4:4:4 chroma, HDR10, and PQ/HLG transfer functions.

History

AVIF was finalized by the Alliance for Open Media in February 2019. Chrome added support in 2020, and Safari followed in 2023, completing major browser coverage.

Convert from .AVIF

.avif → .bmp .avif → .gif .avif → .heic .avif → .heif .avif → .ico .avif → .jpeg .avif → .jpg .avif → .jxl .avif → .png .avif → .psd .avif → .qoi .avif → .raw .avif → .tif .avif → .tiff .avif → .webp

Convert to .AVIF

.bmp → .avif .gif → .avif .heic → .avif .heif → .avif .ico → .avif .jpeg → .avif .jpg → .avif .jxl → .avif .png → .avif .psd → .avif .qoi → .avif .raw → .avif .tif → .avif .tiff → .avif .webp → .avif

Related Formats

.ai .apng .arw .bmp .cr2 .dng .eps .gif .heic .heif .ico .jpeg .jpg .jxl .nef .png .psd .qoi .raw .svg .tif .tiff .webp .xcf

Related Terms

AVIF AVIF Sequence Lossy Compression

Learn More

How to Compress Images for the Web

Learn how to reduce image file sizes for faster web page loading without visible quality loss. This guide covers lossy …

Image Format Guide: JPEG vs PNG vs WebP vs AVIF

Choosing the right image format affects file size, quality, and browser compatibility. This comparison covers the strengths of JPEG, PNG, …

How to Resize Images for Web Without Losing Quality

Serving properly sized images is critical for web performance. Images that are too large waste bandwidth and slow page loads, …

Batch Image Conversion: Best Practices for Bulk Processing

Converting hundreds of images one by one is tedious and error-prone. Learn how to set up efficient batch conversion workflows …

How to Remove Image Backgrounds Effectively

Removing backgrounds from product photos, portraits, and logos is a frequent task in design and e-commerce. This guide covers techniques …

Troubleshooting Image Quality Loss During Conversion

Converting between image formats sometimes produces unexpected quality degradation. This guide explains why quality loss happens and how to minimize …