PNG to AVIF Converter

You are testing AVIF for web graphics or photos that currently sit in PNG files. This page converts PNG to AVIF with your browser's own encoder, keeps transparent areas, and lets you compare the result with the original. It only works if your browser can create AVIF; otherwise the option is disabled so you are never handed another format by mistake.

Drop images here, click to choose, or paste with Ctrl+V
PNG files · many files at once · nothing is uploaded
Embed this tool on your websiteShow code

Free to use on any site. Paste the code where you want the tool to appear. It runs inside the page; visitors' files are processed in their own browser and are not uploaded.

Open the embed in a new tab

WordPress and most site builders have a "Custom HTML" block where this code can be pasted. The embed keeps a small link back to CalcMaster.

How to convert PNG to AVIF

  1. Add your PNG files by dropping them, clicking the drop zone or pasting.
  2. The output format is already set to AVIF. Adjust quality or size if you need to.
  3. Press Convert and compare the original and new size for each file.
  4. Download each file or all of them as a ZIP.

When to convert, and when not to

  • You optimise a site and can serve AVIF to capable browsers with a fallback.
  • You have a PNG with transparency that you want in a compact format.
  • You want to see real sizes for your own artwork before changing your pipeline.
  • Avoid it for assets other people will open in office or design software.

What changes

  • The PNG becomes a lossy AVIF, so it stops being an exact pixel copy.
  • Transparent regions are preserved.
  • The quality slider sets how hard the image is compressed.
  • Metadata is dropped.
  • The AVIF button is disabled when the browser cannot write AVIF.

Browser support for creating AVIF

Reading an AVIF and writing one are different capabilities. When this page loads, it tests whether your browser can really produce AVIF by encoding a tiny image. If the answer is no, the AVIF choice is greyed out with a note, and you can switch to another browser or another format.

This design avoids a quiet failure that affects many online converters: a request for AVIF that returns a PNG with the wrong name.

Graphics, screenshots and photos behave differently

AVIF suits photographic content well. For crisp interface screenshots and thin line art, compression can leave faint smudges near edges, so inspect the result at full size. Lower quality gives smaller files but more visible softness, and some graphics tolerate it better than others.

Transparent graphics deserve special attention along soft edges. Zoom into a shadow or glow and check it against the PNG on the background where it will be used.

Keep the original and a fallback

Not all software understands AVIF, so treat the converted file as a delivery copy, not a replacement for your master PNG. On a website, offer a format that every visitor can open as well. Encoding can take longer than other formats, so large batches are processed one file at a time.

Preparing PNG files for an AVIF test

Choose images that matter most for page weight, such as large hero graphics or photographic PNGs, and leave tiny icons alone because the saving is small. Convert at one quality value, view each result on the background it will use, and compare the size shown with the PNG original.

If an image looks slightly different, raise the quality and run it again. If the browser cannot encode AVIF, the button is disabled, and you can try the PNG to WebP page instead, which works in more browsers.

Using AVIF safely in production

Keep every PNG master. Serve AVIF only where you control the markup and can supply a fallback format, and test on at least one browser that does not support it. Treat the converted file as a copy that can be regenerated whenever your settings change.

If your first result looks too soft, do not assume AVIF is unsuitable. Raise the quality value in steps and compare, because the first setting you try is rarely the best one for a given picture. Once you find a value that looks right for one type of artwork, reuse it for similar files and check a few of them at full size.

Privacy: your files stay on your device

  • The tool decodes, resizes and encodes your pictures with your browser. The files are never sent to a server.
  • To check it yourself: open the browser developer tools (F12), open the Network tab, convert a file, and look for any request that carries your image. You will see none.

Frequently asked questions

Why is the AVIF option disabled?

Your browser cannot create AVIF files. Try an up-to-date Chrome or Edge.

Does AVIF keep transparency?

Yes, transparent areas stay transparent.

Is it lossless?

No. The output is lossy and controlled by the quality slider.

Is it always smaller than PNG?

Not guaranteed. Compare the sizes shown for your own images.

Does anything leave my device?

No, conversion is local.

Is it safe to delete my PNG after converting?

No. Keep the PNG as your master, since AVIF is lossy and not every program can open it.

Related converters