Tool · Page Speed

Image to AVIF Converter

Convert JPG, PNG, WebP and other images to AVIF online, for free. AVIF files are often much smaller than JPEG or PNG at a similar look, which helps pages load faster. Everything happens in your browser, so your images are never uploaded.

Lower = smaller file. 50 to 70 suits most photos.
Slower settings take longer per image.
Optional. Larger images are scaled down.
No quality loss, but much larger files.

Add some images to start. Conversion begins automatically.

How to convert an image to AVIF

  1. Drag your JPG, PNG or WebP files onto the box above, or click it to pick files.
  2. Leave the quality at 60 for photos, or move the slider. Tick Lossless only if you need a pixel-perfect copy.
  3. Wait for each file to finish. You will see the old size, the new size and the percentage saved.
  4. Download single files, or use "Download all as ZIP".
  5. Upload the AVIF files to your site and serve them with a fallback (see the code below).

What is AVIF?

AVIF (AV1 Image File Format) is an image format built on the AV1 video codec. It supports transparency, high bit depth and wide colour, and at similar visual quality it usually produces smaller files than JPEG, PNG and WebP. The trade-off is that AVIF is slower to encode, which is why converting a large photo can take a few seconds.

Browser support is now broad: Chrome 85+, Firefox 93+, Safari 16.4+ and Edge 121+ can all display AVIF, and Can I Use shows roughly 95% of web users covered. For the rest, serve a WebP or JPEG fallback with the picture element.

AVIF vs WebP vs JPEG

FormatFile sizeTransparencyBrowser supportBest used for
AVIFUsually smallestYesAll current major browsersPhotos and graphics where page speed matters
WebPSmaller than JPEGYesNear-universalA safe middle ground and a good fallback
JPEGBaselineNoUniversalLast-resort fallback for photos
PNGOften largeYesUniversalLossless graphics, screenshots, fallback for transparency

Actual savings depend on the image. Photos usually shrink the most. Small, already well-compressed files, or flat graphics saved as lossless PNG, can sometimes come out larger as AVIF, and this tool flags those so you can keep the original.

Convert JPG to AVIF

JPEG photos are the most common reason to convert. Start at quality 60 and compare the result at full size. If you see blocky skies or smeared detail, raise it to 70. If you cannot tell the difference, try 50. Because a JPEG is already lossy, converting it will not bring back detail, so use the original camera file or export when you can.

Convert PNG to AVIF

PNG files are often the biggest images on a page, so the savings can be large. Transparency is kept. For screenshots with small text or sharp UI edges, use a higher quality (75 or above) or try Lossless and compare the file size with the original PNG.

Convert WebP to AVIF

You can convert WebP files to AVIF, but both formats are lossy, so quality is lost twice. If you still have the original JPG or PNG, convert that instead. Keep the WebP as your fallback source.

Best AVIF quality settings

  • Photos: quality 50 to 70, balanced effort.
  • Product images and hero banners: quality 65 to 80, and compare at full size before publishing.
  • Screenshots, logos and text: quality 75 to 90, or Lossless.
  • Large originals: set a max width that matches the biggest size shown on your site (for example 1600 px), since serving a 4000 px photo in a 800 px slot wastes bytes in any format.

How to use AVIF on your website

Serve AVIF first and keep a fallback so every visitor sees an image. The browser picks the first format it understands: 

<picture>
  <source srcset="/images/photo.avif" type="image/avif">
  <source srcset="/images/photo.webp" type="image/webp">
  <img src="/images/photo.jpg" alt="Describe what the image shows"
       width="1200" height="800" decoding="async">
</picture>

Always set width and height to avoid layout shift, and write useful alt text. Do not lazy-load the main image at the top of the page, because that is usually your Largest Contentful Paint element. After you publish, you can check the result with the Alt Text Checker and the Page Audit Checker.

Does AVIF help SEO?

Using AVIF is not a ranking factor by itself. The benefit is indirect: smaller images mean less data to download, which can improve loading speed and Core Web Vitals such as LCP, and a faster page is a better experience for visitors. Google Search supports AVIF, so AVIF images referenced in an img tag can be indexed. If your pages feel slow, our Core Web Vitals service can help find the real bottlenecks.

Frequently asked questions

Is this AVIF converter free?

Yes. There is no sign-up, no watermark and no daily limit beyond what your device can handle.

Are my images uploaded to a server?

No. The conversion runs in your browser using a WebAssembly encoder. The page and the encoder file load from this site, but your images stay on your device.

Does converting to AVIF reduce quality?

Normal AVIF encoding is lossy, so some detail is discarded. At moderate settings the difference is usually hard to see. Choose Lossless if you need an exact copy of the pixels, keeping in mind that files will be much larger.

Does AVIF support transparency?

Yes. Transparent PNG and WebP images keep their transparent areas when converted.

Can I convert GIF or animated images?

Only the first frame of an animated GIF is converted. This tool creates still AVIF images.

Why can't I see the AVIF preview?

Your browser may be too old to display AVIF. The downloaded file is still valid, but check the browser list above before relying on it, and always include a fallback.

Why is my AVIF file bigger than the original?

This can happen with small, already optimised images. Try a lower quality or a higher effort setting. If it is still larger, keep the original file.

Which files can I convert?

JPG, PNG, WebP, GIF (first frame), BMP and AVIF. HEIC and SVG files cannot be read by this tool.