Home › File & PDF Tools › JPG to AVIF Converter
JPG to AVIF Converter
Our free JPG to AVIF converter turns a JPG or PNG photo into a much smaller AVIF image in your browser. Upload a picture, pick a quality and an output size, and download a real .avif file — no upload, no sign-up, no watermark. AVIF is the newest picture format for the web, usually beating JPG by 30 to 50 percent at the same visible quality. One honest limit: not every browser can create AVIF files yet, so this page checks your browser first and tells you clearly if it cannot.
Your file stays on your device and is never uploaded anywhere. PNG and WebP files work through the same pipeline too.
0.1 is the smallest file, 1.0 is the best quality. 0.8 suits most pictures.
Resizing keeps the picture's proportions — only the width changes.
AVIF keeps transparency, so the default leaves see-through areas see-through.
Leave blank to keep the original name with a .avif ending.
How it works
JPG has carried photographs on the web since 1992, and it still does the job, but it was designed for a different era. It splits each picture into blocks and keeps the parts the eye notices most — yet it has hard limits: it cannot store transparency at all, it tops out at 8 bits per colour channel, and its compression is now beaten by newer formats. AVIF is the modern answer, built on the same compression ideas as the AV1 video format: it squeezes smooth skies, skin tones, and fine detail into far fewer bytes, keeps transparency like PNG does, and can hold high-dynamic-range colour. In practice, the same photo at the same visible quality is often 30 to 50 percent smaller as an AVIF than as a JPG.
There is one catch, and this page is honest about it. Viewing an AVIF is now common, but creating one is not yet supported everywhere: Chrome and Microsoft Edge can encode AVIF from a canvas, while Firefox and Safari may show AVIF pictures without being able to make them. A converter that silently failed in those browsers would be worse than useless, so this tool checks support the moment the page loads: it draws a tiny test picture on a hidden canvas and asks the browser to export it as AVIF. If the browser hands back a real AVIF file, the page says so; if it hands back nothing, the page says plainly that AVIF encoding is not available here and names Chrome and Edge as the browsers that can do it.
When you pick a file, the tool first checks that it really is an image — JPG, PNG, or WebP — and reads it into your browser, showing its dimensions and file size. If you picked a PDF, a video, or another file type by mistake, it stops and shows a friendly message instead of a broken download. The picture is drawn onto a hidden canvas at the size you chose — original, 75 percent, half, quarter, or a custom width — with the height worked out automatically so the picture never stretches. AVIF keeps transparency, so see-through areas stay see-through by default; if you pick a background colour instead, the tool fills those areas first.
Finally, the canvas exports the picture as AVIF at the quality on your slider, from 0.1 to 1.0. Quality 1.0 keeps the most detail and makes the largest file, 0.8 is the sweet spot for most pictures, and 0.5 to 0.7 makes a much smaller file with slightly softer edges — fine for a web page, less good for a picture you plan to print. If your browser cannot encode AVIF and you ticked the WebP fallback box, the tool instead exports the same picture as a WebP at the same quality and size, so you still leave with a smaller file rather than an error. Without that box ticked, it explains the situation and asks you to open the page in Chrome or Edge.
The result is a download named after your original file with the ending changed to .avif, or the name you typed. The page shows the original size next to the new size, the saving in kilobytes and as a percentage, with a side-by-side preview so you can check the picture still looks right before you use it. Because every step happens on your computer, there is no waiting for an upload and no copy of your picture on someone else's server.
Worked example
Suppose you have a holiday photo, beach.jpg, for a web page: 480 KB at 1200 by 800 pixels, and the page loads slowly because several photos of that size add up.
Step 1: you open this page in Chrome, click "Choose a JPG or PNG file", and pick beach.jpg. The support box reads "This browser can create AVIF files", and the tool shows "beach.jpg — 1200 × 800 px, 480 KB" under the file picker.
Step 2: you leave the quality at 0.80 and the size on Original, then click "Convert to AVIF". The tool draws the photo onto a canvas and exports it.
Step 3: the result appears with a side-by-side preview and a download button. The new file, beach.avif, is about 210 KB — roughly 56 percent smaller than the JPG, with no visible difference at normal viewing size. You click "Download .avif" and the file lands in your Downloads folder.
In a browser that cannot encode AVIF, the support box would say so and name Chrome and Edge. With the WebP fallback box ticked, the same photo would come out as a WebP of about 260 KB — still much smaller than the JPG — and without the box, the tool would simply explain the situation rather than handing you a broken file.
FAQ
Is my picture uploaded to a server?
No. Your picture is read and converted in your own browser, and the file never leaves your device, so private photos and screenshots stay private.
Why does the converter say AVIF is not supported in my browser?
AVIF encoding is not available in every browser yet. Chrome and Microsoft Edge can encode AVIF, while Firefox and Safari may only be able to view it, not create it. If you see that message, open this page in Chrome or Edge and try again — or tick the WebP fallback box for a WebP file instead.
How much smaller is AVIF than JPG?
Often 30 to 50 percent smaller at the same visible quality, because AVIF compresses smooth tones and fine detail better than JPG. A 480 KB JPG is often around 200 to 300 KB as an AVIF at quality 0.8 — the exact saving depends on the picture.
What quality should I choose?
Use the quality slider from 0.1 to 1.0. Quality 0.8 is the sweet spot for most pictures, 0.95 to 1.0 keeps the most detail for images you plan to edit again, and 0.5 to 0.7 makes the smallest file for web pages and messages.
Does AVIF keep transparency?
Yes. AVIF supports transparency, so see-through areas in a PNG stay see-through in the AVIF when you leave the background on Keep transparency. If you pick a colour instead, the tool fills those areas with that colour first.