About

AV1 Image File Format (AVIF) uses the AV1 codec for still-image compression, achieving 30% - 50% smaller file sizes than JPEG at equivalent perceptual quality. The problem: AVIF support remains inconsistent across legacy software, email clients, print workflows, and CMS platforms. Uploading an AVIF to a system expecting JPEG can silently fail or produce corrupted thumbnails, breaking image pipelines. This tool decodes AV1-compressed images (AVIF, AV1 video keyframes) using your browser's native AV1 decoder and re-encodes each frame to JPEG via the Canvas API. You control the JPEG quality factor Q from 0.01 to 1.0, directly mapping to the quantization table scaling that determines output fidelity and file size.

Limitations: conversion fidelity depends on your browser's AV1 decoding capability. Chromium-based browsers (Chrome ≥ 85, Edge ≥ 85) and Firefox ≥ 93 support AVIF natively. Safari support arrived in version 16.4. HDR and 10-bit depth AVIF images will be tone-mapped to 8-bit sRGB during canvas rendering, which may shift colors. Alpha transparency in AVIF is discarded since JPEG does not support an alpha channel. For video files (.webm with AV1), only the first frame or a user-specified timestamp is extracted.

Formulas

JPEG compression quality is controlled by a quality factor Q that scales the quantization matrix. The relationship between the quality parameter and the resulting file size is non-linear:

FileSize_JPEG ≈ W × H × 3 × Q × k

Where W = image width in pixels, H = image height in pixels, 3 = color channels (RGB), Q = quality factor (0.0 - 1.0), and k = scene-dependent compression ratio (typically 0.05 - 0.3). The actual JPEG encoding uses Discrete Cosine Transform on 8×8 pixel blocks:

F(u, v) = 14 C(u) C(v) 7∑x=0 7∑y=0 f(x, y) cos (2x + 1)uπ16 cos (2y + 1)vπ16

Where f(x, y) is the pixel value at position (x, y) within the block, F(u, v) is the DCT coefficient, and C(u) = 1√2 for u = 0, otherwise C(u) = 1. The browser's Canvas API handles this transform internally when you call canvas.toBlob('image/jpeg', Q).

The compression ratio CR comparing AV1 (AVIF) input to JPEG output:

CR = FileSize_JPEGFileSize_AVIF

A CR > 1 means the JPEG output is larger than the AVIF input (expected at equivalent perceptual quality). Typical values range from 1.5 to 3.0 depending on image content and chosen quality factor.

Reference Data

Format	Codec	Extension	Lossy	Lossless	Alpha	Max Bit Depth	HDR	Animation	Typical Compression vs JPEG	Browser Support (2024)
AVIF	AV1	.avif	Yes	Yes	Yes	12-bit	Yes	Yes	50% smaller	Chrome, Firefox, Safari 16.4+, Edge
JPEG	DCT	.jpg / .jpeg	Yes	No	No	8-bit	No	No	Baseline	Universal
WebP	VP8/VP8L	.webp	Yes	Yes	Yes	8-bit	No	Yes	30% smaller	Chrome, Firefox, Safari 14+, Edge
PNG	DEFLATE	.png	No	Yes	Yes	16-bit	No	APNG	200 - 500% larger	Universal
HEIF	H.265/HEVC	.heif / .heic	Yes	Yes	Yes	10-bit	Yes	Yes	40% smaller	Safari only (native)
JPEG XL	VarDCT/Modular	.jxl	Yes	Yes	Yes	32-bit	Yes	Yes	60% smaller	Limited (flag-gated)
BMP	None	.bmp	No	Yes	Partial	8-bit	No	No	1000%+ larger	Universal
TIFF	LZW/ZIP	.tiff	Optional	Yes	Yes	16-bit	No	Multi-page	500%+ larger	Not in browsers
GIF	LZW	.gif	No (indexed)	Yes (indexed)	1-bit	8-bit	No	Yes	Varies widely	Universal
JPEG 2000	Wavelet	.jp2	Yes	Yes	Yes	16-bit	No	No	20% smaller	Safari only
AVIF Sequence	AV1	.avifs	Yes	Yes	Yes	12-bit	Yes	Yes	50% smaller	Chrome, Firefox
WebM (AV1)	AV1	.webm	Yes	No	Yes	10-bit	Yes	Video	N/A (video)	Chrome, Firefox, Edge

Frequently Asked Questions

AVIF uses AV1 intra-frame coding which is fundamentally more efficient than JPEG's DCT-based compression. At perceptually equivalent quality, AVIF files are typically 30% - 50% smaller. When converting to JPEG, you are moving to a less efficient codec. A 200 KB AVIF may produce a 400-600 KB JPEG at quality factor Q = 0.85. To reduce output size, lower the quality slider - values between 0.70 and 0.80 often produce visually acceptable results with substantially smaller files.

JPEG does not support alpha transparency. Any transparent regions in your AVIF image are composited against a white background during canvas rendering. If preserving transparency is critical, convert to PNG instead. This tool focuses on JPEG output for maximum compatibility with legacy systems, email clients, and print workflows where alpha is irrelevant.

AVIF decoding depends on your browser's native AV1 decoder. Chrome 85+, Firefox 93+, Edge 85+, and Safari 16.4+ support AVIF. If you see a decoding error, update your browser. 10-bit and 12-bit AVIF images with specific chroma subsampling (4:4:4 at 12-bit) may fail in some browsers that only support 8-bit or 4:2:0 profiles. HDR images using PQ or HLG transfer functions may also cause issues on browsers without HDR canvas support.

For animated AVIF files (AVIF sequences), only the first frame is extracted and converted. The tool uses an element for still images and a

The Canvas API's toBlob quality parameter maps 0.0-1.0 to the JPEG quantization table scaling. At Q = 1.0, the quantization step sizes are minimal, preserving maximum detail but producing the largest files. At Q = 0.5, step sizes roughly double, discarding high-frequency DCT coefficients aggressively. The relationship is non-linear - the visual quality drop between 0.95 and 0.85 is barely perceptible to most viewers, but file size decreases by roughly 40%. Below Q = 0.50, blocking artifacts become visible on sharp edges and text.

Yes. When you upload a .webm file containing AV1 video, the tool loads it into a