Compressing AVIF Images

How AVIF Compression Works

AVIF uses lossy compression — the encoder discards invisible color data to achieve smaller file sizes. The quality setting (1-100%) controls how aggressively data is discarded. Quality 80-85% is the universal sweet spot where the compressed file looks identical to the source on most screens but is 30-70% smaller.

The compression pipeline runs on WebAssembly codecs that ship with the page. When you drop a AVIF file into the compressor, the file is decoded, re-encoded at the chosen quality, and packaged for download — all inside your browser tab. The bytes never travel the network.

For batch compression of 100+ AVIF files, the converter runs on a worker pool of 2-4 workers. Each file is compressed independently, so batches finish in parallel. After compression, download one file at a time or grab the entire batch as a ZIP archive.

Best Quality Settings for AVIF Compression

For web delivery and email: quality 80-85%. This is the universal sweet spot — the compressed AVIF looks identical to the source on most screens but is 30-70% smaller. For thumbnails and messaging apps: quality 70-75%. For archival or print: quality 95-100%.

The Auto setting tries multiple quality levels and picks the smallest file that maintains acceptable quality. For AVIF files with mixed content, Auto produces better per-file results than a fixed quality setting because it adapts to each image.

Avoid quality below 60% for lossy compression — visible blockiness appears around sharp text, high-contrast edges, and smooth gradients like skies and skin tones. The blockiness is permanent in the output and cannot be removed by re-compressing at higher quality.

Metadata Stripping for AVIF Files

AVIF files often carry hidden metadata: EXIF data (camera make, model, lens, GPS coordinates, timestamps), ICC color profiles, software signatures, and XMP metadata. This metadata can add 10-30% to the file size with no visible benefit.

CloudImageConverter strips all non-essential metadata by default during AVIF compression. This saves 10-30% of file size and protects privacy — GPS coordinates, camera serial numbers, and software signatures are removed. You can optionally preserve ICC color profiles for color-critical work.

For AVIF files containing personal photos (especially with GPS coordinates and family member faces in EXIF data), metadata stripping is essential before sharing or uploading to the web. The in-browser compressor handles this automatically.

File Size Targets for AVIF

For above-the-fold web images (hero images): target under 200 KB per image. At quality 80-85%, most AVIF files in the 1000-2000 pixel range compress to 100-200 KB. This keeps Largest Contentful Paint (LCP) under 2.5 seconds on 4G.

For below-the-fold web images: target under 100 KB per image. Use quality 75-80% and lazy-load with loading="lazy". Set explicit width and height attributes to prevent Cumulative Layout Shift (CLS) during image load.

For email attachments: target under 1 MB per image. At quality 75-80%, most AVIF files compress to 200-800 KB. Email servers often reject attachments over 10-25 MB, so compressing images before attaching prevents delivery failures.

For print: do not compress — use the original AVIF file or convert to TIFF at full resolution. Print workflows require maximum color depth and resolution.

Batch Compressing AVIF Files

Drop up to 100 AVIF files into the workspace, pick the compression quality, and click Compress. The converter processes all files in parallel using a worker pool of 2-4 workers, so batches finish in 5-15 seconds on a modern laptop.

After compression, the converter shows the exact output size and percentage saved for each file. Download one file at a time or grab the entire batch as a ZIP archive. All compression happens locally — your AVIF files never leave your device.

For consistent results across a batch, use the same quality setting for all files. The Auto setting is ideal for batches with mixed content because it adapts quality per image rather than applying one quality to all.

AVIF Compression and Google Core Web Vitals

Google Core Web Vitals measure page speed and user experience. Largest Contentful Paint (LCP) is most affected by image file size — the largest above-the-fold image typically determines LCP. A 2 MB AVIF file on a 4G connection takes 2+ seconds to download, blowing the 2.5-second LCP budget.

Compressing that same AVIF file to 200 KB at quality 80% cuts the download time to under 200 ms on 4G, freeing the LCP budget for other render work. PageSpeed Insights and Lighthouse both reward compressed images with higher scores.

For the best results, compress AVIF files to WebP or AVIF (25-50% smaller than JPG at the same quality) and ship via the picture element with a JPG fallback. Set explicit width and height to prevent CLS, and use fetchpriority="high" on above-the-fold hero images.