PNG to AVIF Converter
PNG is lossless, which makes it large for photos and screenshots. If you do not need pixel-perfect output, AVIF can store the picture in far fewer bytes. Convert here, compare the sizes and download. Transparency is kept, and for pixel-perfect results there's a lossless mode.
- Converted on your device, any browser
- Up to 100 MB
- No watermark, no signup
Last reviewed · How we verify claims
Drop images here
or click to browse — one or many (or a folder), up to 100.00 MB each · or paste
Compressed on your device. Nothing is uploaded, and metadata such as GPS location is removed.
How it works
- 1. Drop, paste or pick PNG, JPG, WebP, AVIF or GIF images, or a whole folder.
- 2. Pick AVIF, WebP, JPEG or Smallest, then a quality (50 to 60 suits most photos) or a size each file must fit under, and resize if needed.
- 3. Drag the divider to compare each image with its original, check the sizes, then download them one by one or as a ZIP. Nothing is uploaded.
Recommended settings
| Use case | Settings | Why |
|---|---|---|
| UI screenshots with text | Quality 70–80, original size | Small text and thin lines need higher quality; never scale screenshots down before converting. |
| Rendered or photographic PNGs | Quality 50–60 | Lossless PNG is wasteful for photo-like content; this is where AVIF saves the most. |
| Logos and icons with transparency | Lossless, or quality 80+ | Transparency is kept either way; lossless keeps edges exact for small graphics. |
Use it on the web
<picture>
<source srcset="screenshot.avif" type="image/avif">
<img src="screenshot.png" alt="Describe the screenshot" width="1200" height="800" loading="lazy" decoding="async">
</picture>.hero {
background-image: url("screenshot.png");
background-image: image-set(url("screenshot.avif") type("image/avif"), url("screenshot.png") type("image/png"));
}JPG vs PNG vs WebP vs AVIF
| Format | Typical size | Colour | HTML tag | Support |
|---|---|---|---|---|
| JPG | Larger than WebP/AVIF for photos | Lossy, no alpha | <img> | Everywhere |
| PNG | Large for photos (lossless) | Lossless + alpha | <img> | Everywhere |
| WebP | Smaller than JPG | Lossy or lossless + alpha | <img> | All modern browsers |
| AVIF | Often smallest for photos | Lossy; alpha in the format, not written by this tool | <img> / <picture> | Current Chrome, Edge, Firefox, Safari |
Questions about PNG to AVIF Converter
- Does PNG to AVIF keep transparency?
- Yes. Transparent and semi-transparent pixels are kept in the AVIF, so logos and icons still sit on any background. If you'd rather fill them, pick a colour under Transparent areas.
- Is AVIF better than PNG for screenshots?
- It depends. PNG is lossless and crisp on text and flat colour; lossy AVIF may soften sharp edges at low quality. Use quality 70 or higher for screenshots, or turn on Lossless to keep every pixel and still usually save space.
- How do I keep UI screenshots crisp in AVIF?
- Use quality 70 or higher, keep the screenshot at its original size rather than scaling it down, and check small text with the zoom in the before/after view. Lossy AVIF uses 4:2:0 chroma subsampling, which can soften thin coloured lines; if they matter, use Lossless.
- Why is my AVIF bigger than the PNG?
- Small, flat-colour graphics with few colours can already be tiny as PNG, and AVIF doesn't always beat that. The size shows +% in that case, so you can keep the PNG, or try Smallest to compare WebP too.
- Are my images uploaded?
- No. Each image is decoded and encoded on your device, in background workers. Nothing is sent to a server, and re-encoding also removes metadata such as camera details and GPS location.
- Which browsers can convert to AVIF here?
- All current ones. Chrome and Edge use their built-in AV1 encoder, which is fast; Firefox, Safari and others use libavif compiled to WebAssembly, which is slower on large photos but gives the same kind of file.
Lossless vs lossy: what changes
A PNG stores every pixel exactly. A lossy AVIF discards detail the eye is least likely to notice; for photographic PNGs, such as exported photos or rendered scenes, this trade is usually worth it. For text-heavy screenshots or pixel art, where exactness matters, turn on Lossless: every pixel survives, and the file is often still smaller.
Transparency
AVIF carries a full alpha channel, and this compressor keeps it, including soft edges and shadows. For PNGs with transparency it uses libavif rather than the browser's AV1 encoder, which can't write alpha. To flatten onto a page colour instead, pick it under Transparent areas.
Picking a quality level
For photographic PNGs start around 50 to 60. For screenshots with small text, go to 70 or higher and check readability at 100% zoom before replacing the original.
Private by design
Framimo converts your files inside your browser tab, so each image is never sent to a server for this AVIF export (this tool has no server fallback). There is no signup and no watermark, and you can disconnect from the internet once the page has loaded.