AVIF vs WebP vs JPEG: Real Benchmark (2026)

Results first: the data table

The table below shows the smallest file size each format needed to reach SSIM 0.98 versus a lossless source. All three formats are compared at the same perceptual quality threshold, not at the same quality number. See the methodology section for the full procedure.

All sizes are the file output at the exact SSIM threshold (see methodology). Smaller is better. AVIF wins on every single image in the set.

Want to convert your own images to AVIF? The omnikitbolt AVIF converter runs entirely in your browser. No upload. No account required.

Why comparing at the same quality number is wrong

This is the most important methodological point in the article, and most comparisons online get it wrong.

When you encode a JPEG at quality 80, you get a specific visual result. When you encode a WebP at quality 80, the number refers to a completely different internal parameter in a completely different codec. When you encode an AVIF at quality 80 (using the CRF or equivalent), the number maps to yet another perceptual model inside libavif or libaom.

Concretely: AVIF quality 80 produces images that look roughly similar to JPEG quality 90 or higher. If you compare "AVIF 80 vs JPEG 80 vs WebP 80," you are not comparing the same visual quality. You are comparing outputs that look very different from each other, and then measuring which file is smaller. That comparison is biased toward AVIF before you even start, because AVIF at quality 80 is encoding a much harder target than JPEG at quality 80.

The correct approach is to fix the visual quality target independently of the format, and then ask each encoder: what is the smallest file you can produce that meets this quality bar? We used SSIM as the quality metric and set the target at 0.98 (very high quality, close to indistinguishable from the source). Then we found the smallest file for each format that reaches that threshold.

This is the only fair way to compare codecs. It is also why our WebP vs. JPEG finding is more nuanced than what most guides claim.

Methodology (fully reproducible)

Source images

We used 5 real photographs covering a range of content types that behave differently under compression: a landscape shot, a saturated sunset, a wide cinematic 16:9 frame, a high-grain film-look RAW conversion, and a warm portrait. Diverse content gives a more honest average than using a single photo.

Each photo was decoded to a lossless PNG source first, so the starting point for all three encoders is identical and contains no prior compression artifacts.

Encoders

• JPEG: MozJPEG via sharp (libvips). MozJPEG is a more efficient JPEG encoder than the baseline libjpeg, making this a fair comparison against modern JPEG practice.
• WebP: libvips sharp WebP encoder (libwebp, lossy mode).
• AVIF: sharp AVIF encoder (libavif + libaom), speed 6 (balanced, not the slowest possible).

Quality matching procedure

For each format and each image, we ran a binary search over the quality parameter to find the lowest quality setting that produces SSIM at or above 0.98 when measured against the lossless PNG source. SSIM was computed with ffmpeg (libavfilter ssim filter). The file size reported is from that specific encode, with no further optimization applied.

SSIM 0.98 corresponds to what most viewers would call high quality with no visible artifacts. It is a demanding threshold, deliberately chosen to reflect real production use cases (hero images, product photography, portfolio images) rather than thumbnails.

Per-image breakdown

Landscape (1448x905): JPEG 211K, WebP 220K, AVIF 148K

A typical outdoor photo with sky, foliage, and mid-range detail. AVIF saves 30% over JPEG and 33% over WebP. WebP is 4% larger than JPEG here, a pattern we see again in the film-look image below. Both codecs struggle similarly with the high-frequency detail in the foliage at this quality threshold.

Sunset (600x600): JPEG 50K, WebP 49K, AVIF 37K

The only image where WebP edges out JPEG slightly (1K smaller). This is a lower-resolution image with large smooth gradient areas, exactly the type of content where WebP performs best. AVIF still beats both by 26% versus JPEG.

Wide 16:9 (1672x941): JPEG 243K, WebP 235K, AVIF 154K

The largest image by pixel count. WebP shows a small advantage over JPEG (3% smaller), while AVIF is 37% smaller than JPEG. This is a cinematic-style photograph with good lighting but significant fine detail across the full frame.

Film / RAW look (1448x905): JPEG 276K, WebP 294K, AVIF 236K

The hardest image in the set. This is a high-grain, high-contrast RAW conversion with visible film grain. Grain is essentially noise, and noise is the worst case for every codec because it cannot be predicted or smoothed without visibly damaging the image. All three formats produce much larger files here. Notably, WebP is 6.5% larger than JPEG on this image, confirming that WebP does not generically beat JPEG at high quality. AVIF still compresses 14% better than JPEG.

Warm portrait (800x800): JPEG 43K, WebP 48K, AVIF 27K

AVIF's biggest win in the set. This portrait has soft skin tones, warm colors, and relatively low high-frequency detail. AVIF is 37% smaller than JPEG and 44% smaller than WebP. WebP is 12% larger than JPEG here. Portraits with smooth skin texture are an area where AVIF's intra-prediction model outperforms both older codecs significantly.

Three headline findings

Nuance: when WebP still makes sense

The results above do not mean WebP is useless. There are real scenarios where it remains the right choice.

Medium quality (SSIM below 0.96)

WebP's efficiency advantage over JPEG is real and meaningful at medium quality settings. If you are serving thumbnails, social sharing images, or any use case where file size matters more than maximum fidelity, WebP delivers genuine savings over JPEG. Our benchmark specifically targets the high-quality production use case, which is where the advantage narrows.

Encoding speed

AVIF encodes significantly slower than WebP or JPEG, even at speed 6 (a balanced setting). For static assets that are encoded once and cached, this does not matter. For on-the-fly image resizing at scale, AVIF's encode time is a real operational cost. WebP encodes faster than AVIF across the board.

Lossless and animated images

WebP supports lossless compression and animations. This benchmark covers only lossy still images. For animated graphics, WebP is generally the better choice over animated AVIF, which has limited tooling support as of 2026.

Browser support in 2026

A common objection to using AVIF in production has been browser support. As of 2026, that objection is largely resolved.

Global AVIF support exceeds 92% as of mid-2026. Safari support started with Safari 16.4 on macOS Ventura and iOS 16.4 in March 2023, meaning users on older Apple devices do not have AVIF support. This is the main reason to maintain a fallback.

For more detail on the browser support landscape, see our dedicated article: Can I use WebP and AVIF? Browser support in 2026.

The right implementation pattern

Use the HTML picture element with AVIF as the primary source and JPEG as the fallback. The browser picks the first format it supports, so users on older Safari get JPEG and everyone else gets AVIF automatically.

<picture>
  <source srcset="photo.avif" type="image/avif" />
  <source srcset="photo.webp" type="image/webp" />
  <img src="photo.jpg" alt="Description" />
</picture>

Next.js, Astro, and most modern image optimization libraries handle this automatically when you set formats: ['image/avif', 'image/webp'] in your configuration. You do not need to manage the fallback manually.

Practical takeaway and tools

Based on the benchmark data, here is a direct recommendation for different use cases.

• New web projects: use AVIF with JPEG fallback. The 27% size reduction is meaningful for page speed, Core Web Vitals, and bandwidth costs. Browser support is sufficient to make it the default.
• High-volume on-the-fly encoding: WebP is a reasonable choice if AVIF encode time is a bottleneck. The file size difference is real but so is the CPU cost of AVIF at scale.
• Grainy or film-look images: AVIF still wins but by a smaller margin (14% over JPEG for the film-look image). If encode time matters, WebP or JPEG are reasonable alternatives here specifically.
• Existing JPEG-only pipelines: migrating to AVIF requires testing your encoding setup. The benchmark numbers are averages; individual images can vary. Always measure your actual images.

If you have received an AVIF file and need to open or convert it, use the AVIF to JPG converter. Both tools are free, client-side only, and require no account.

For a broader look at format selection strategy, see our guide on the best image format for the web in 2026.