How Client-Side AVIF to JPG & PNG Conversion Works
The converter decodes AV1-compressed .avif images inside your browser's native WebCodecs / libdav1d decoder, renders the uncompressed 8-bit RGBA pixel buffer onto an off-screen HTML5 <canvas>, and re-encodes the bitmap via canvas.toBlob('image/jpeg', Q) or canvas.toBlob('image/png') for immediate local download.
AV1 / HEIF ISO-BMFF container decode → uncompressed RGBA 8-bit pixel buffer on HTML5 <canvas> → MozJPEG / browser JPEG encoder at quality Q=0.92 or lossless PNG DEFLATE encoder → ZIP archive via JSZip / local Blob download
- Step 1 — Local Object URL:
URL.createObjectURL(file)mounts the selectedimage/aviffile in browser memory without network transfer. - Step 2 — Uncompressed Pixel Buffer: Drawing onto
<canvas width="W" height="H">viactx.drawImage(img, 0, 0)produces a rawW × H × 4byte RGBA bitmap. - Step 3 — Target Format Encoding: Calling
canvas.toBlob(callback, 'image/jpeg', quality / 100)applies discrete cosine transform (DCT) compression, whilecanvas.toBlob(callback, 'image/png')applies lossless DEFLATE compression preserving alpha transparency.
What File Size & Speed Should You Expect When Converting AVIF?
Converting a 1920 × 1080 px photograph (sample.avif, 185 KB) to JPG (Q=92%) produces a 490 KB .jpg file in 45 ms with universal compatibility; converted to lossless PNG it produces a 2.1 MB .png file preserving alpha transparency.
- Source Image:
sample.avif—1920 × 1080 px(2,073,600pixels),185 KB(0.73 bits/pixel), AV1 Main Profile 4:2:0. - Canvas Memory Footprint:
1920 × 1080 × 4 bytes = 8,294,400 bytes (8.29 MB)uncompressed RGBA buffer. - Converted to JPG (Q=92%, High Quality):
sample.jpg—490 KB(1.94 bits/pixel, 24-bit RGB), completed in45 ms. - Converted to JPG (Q=85%, Default):
sample.jpg—340 KB(1.34 bits/pixel, 24-bit RGB), completed in42 ms. - Converted to PNG (Lossless + Alpha):
sample.png—2.1 MB(2,150 KB, 32-bit RGBA), completed in68 ms, preserving full0–255alpha transparency.
How Do AVIF, JPG, and PNG Compare on File Size and Compatibility?
AVIF achieves roughly 50% smaller file sizes than JPG, but JPG and PNG remain supported by 100% of legacy desktop software, print workflows, and CMS uploaders that reject .avif files.
| Image Format (AVIF vs JPG vs PNG) | Typical File Size for 1080p Photo (KB / MB) | Compression Type | Transparency (Alpha Channel) | Max Color Depth (bits) | Browser / Software Support (%) |
|---|---|---|---|---|---|
AVIF (.avif) |
185 KB (0.18 MB) | Lossy / Lossless (AV1 intra-frame) | Yes (8/10/12-bit alpha) | 8, 10, or 12 bits/channel (HDR) | ~93% modern browsers / ~65% desktop apps |
JPG / JPEG (.jpg) |
340 KB (Q=85%) – 490 KB (Q=92%) | Lossy (8×8 block DCT + quantization) | No (24-bit RGB only) | 8 bits/channel (24-bit total) | 100% universal across all devices & OS |
PNG (.png) |
2.1 MB (2,150 KB) | Lossless (DEFLATE LZ77 + Huffman) | Yes (8/16-bit RGBA alpha) | 8 or 16 bits/channel (up to 64-bit RGBA) | 100% universal across all devices & OS |
Frequently Asked Questions
Does this AVIF to JPG and PNG converter upload my photos to a server?
No. Every conversion runs 100% locally inside your web browser using the HTML5 Canvas API (
canvas.toBlob); your.aviffiles never leave your computer or phone, and no external server receives your images.Should I convert my AVIF file to JPG or PNG?
Choose JPG (
Q=85%to92%) for photographs and web images where a compact file size (340–490 KBfor 1080p) is preferred, and choose lossless PNG for logos, UI screenshots, or graphics that require alpha transparency.What happens to transparent backgrounds when converting AVIF to JPG vs PNG?
PNG preserves the full 8-bit alpha channel (32-bit RGBA,
0–255opacity per pixel) for transparent backgrounds, whereas JPG uses 24-bit RGB without an alpha channel and flattens transparent pixels.What JPEG quality percentage should I choose when converting AVIF to JPG?
A quality setting of
85%to92%delivers visually lossless photographic detail at340–490 KBfor a1920×1080image, whereas100%doubles the file size with negligible visual gain.How many AVIF images can I batch convert at once?
You can drag and drop up to 20
.aviffiles at once (or more depending on available browser memory), and each image is decoded and downloaded sequentially in40–70 msper 1080p frame.Is there a native offline iPhone app for batch image conversion?
Yes. Pixelated Development publishes Batch HEIC to JPG Converter on the iOS App Store, which converts photos 100% offline on iPhone with no ads, no account, and no tracking.