Convert JPG to AVIF for 50–70% smaller file sizes with comparable quality. Includes browser AVIF encoding support detection, quality slider, and file size comparison. Requires Chrome 94+, Edge 94+, or Firefox 113+. Batch up to 10 files.
The tool automatically checks whether your browser supports AVIF encoding (Chrome 94+, Edge 94+, Firefox 113+, Safari 16.4+). Upload up to 10 JPG or JPEG files.
Use the quality slider (1–100). Quality 60–80 typically produces files visually identical to JPG quality 90 but 40–60% smaller. Quality 100 encodes near-losslessly.
Each card shows original JPG size vs AVIF size with percentage savings. AVIF files can be served with JPG or WebP fallbacks using the HTML picture element.
AVIF typically produces files 50–70% smaller than JPG at visually equivalent quality. A JPG photo at quality 85 (200 KB) might become an AVIF at quality 70 (80–120 KB) with no perceptible quality difference. For images with gradients and complex scenes, AVIF excels. Simple images with flat colours see more modest savings.
Yes, with a fallback. Use: <picture><source type="image/avif" srcset="image.avif"><source type="image/webp" srcset="image.webp"><img src="image.jpg" alt=""></picture>. This serves AVIF to ~90% of users (2025), WebP to most of the rest, and JPG only to legacy browsers. CDNs like Cloudflare and Fastly can auto-convert and serve AVIF based on Accept headers.
AVIF encoding via the Canvas toDataURL API requires the browser to have an AVIF encoder built in, which is separate from the decoder. Chrome 94+ and Edge 94+ added encoding support. Firefox added it in version 113. Older browsers can display AVIF images but cannot encode them. This tool detects support and warns if unavailable.
AVIF quality 60–70 often matches JPG quality 85–90 visually while being 40–50% smaller. AVIF quality 80 is conservative and gives excellent results. Quality 100 is near-lossless (but larger). For web use, start at quality 70 and compare with your original JPG — you may be surprised at how good AVIF looks at lower settings.
Yes — AVIF supports alpha channel transparency. However, JPG files have no transparency. The input JPG is rendered on an opaque canvas, so the output AVIF will have no transparency. If you need transparent AVIF, start from a PNG or AVIF source that already has transparency.
WordPress 6.5+ natively supports AVIF upload and serving. For older versions: install a plugin like Imagify, ShortPixel, or WebP Express that auto-generates AVIF alongside uploads. Or use a CDN with AVIF support. Alternatively, upload AVIF files directly and use the picture element in your theme templates for manual control.
