Apa Itu AVIF? Format Gambar Generasi Baru Berbasis AV1

AVIF (AV1 Image File Format) membawa kompresi gambar diam dari codec video AV1 ke dalam file gambar. Format ini bisa menyimpan foto dalam file yang lebih kecil daripada JPEG, dan dalam banyak kasus WebP, serta mendukung transparansi, animasi, kedalaman warna 10 dan 12-bit, dan HDR. Artikel ini menjelaskan asal-usul AVIF, isi file-nya, seberapa besar penghematan sebenarnya, dan di mana format ini menimbulkan masalah.

Siapa di balik AVIF?

AVIF dikembangkan oleh Alliance for Open Media (AOMedia), konsorsium industri yang didirikan pada 2015 untuk membangun teknologi media yang terbuka dan bebas royalti. Proyek besar pertamanya adalah codec video AV1, yang menurut AOMedia diterbitkan pada 2018. Menurut deskripsi format dari Library of Congress, versi 1.0.0 spesifikasi AVIF bertanggal 19 Februari 2019 dan versi 1.1.0 bertanggal 15 April 2022. Versi spesifikasi saat ini adalah 1.2.0, bertanggal 16 Oktober 2025.

Bebas royalti adalah perbedaan penting: MDN juga menggambarkan AVIF sebagai format berkinerja tinggi dan bebas royalti. HEIC, yang memakai kontainer HEIF yang sama, bergantung pada codec HEVC dan dukungan browsernya jauh tertinggal.

Isi file AVIF

Kontainer HEIF

AVIF menyimpan gambar yang dikompresi dengan AV1 di dalam kontainer HEIF (High Efficiency Image File Format, ISO/IEC 23008-12). HEIF sendiri didasarkan pada ISO base media file format (ISOBMFF), fondasi yang sama dengan file MP4. Menurut spesifikasinya, file AVIF dirancang sebagai file HEIF yang sesuai standar, baik untuk gambar tunggal maupun urutan gambar, dan juga harus memenuhi MIAF. Jenis file dikenali dari brand di box ftyp pada awal file: avif untuk gambar diam dan avis untuk urutan animasi.

Profil

Spesifikasi mendefinisikan dua profil: Baseline (brand MA1B), yang memakai AV1 Main profile pada level 5.1 atau lebih rendah, dan Advanced (brand MA1A), yang mengizinkan AV1 High profile untuk gambar diam. Profil-profil ini membuat file mana yang bisa dibuka sebuah decoder menjadi dapat diprediksi.

Transparansi dan animasi

Kanal alfa disimpan sebagai gambar AV1 tambahan (auxiliary) yang terpisah dan ditautkan ke gambar utama. Gambar alfa itu harus monokrom dan memakai kedalaman bit yang sama dengan gambar utama. AVIF animasi pada dasarnya adalah track video AV1, itulah sebabnya kompresinya jauh lebih efisien daripada GIF animasi dengan isi yang sama.

Kompresi, kedalaman warna, dan HDR

AVIF memakai perangkat pengodean intra-frame dari AV1: gambar dibagi menjadi blok berukuran variabel, setiap blok diprediksi dengan mode prediksi arah terbaik dari banyak pilihan, dan selisih yang tersisa ditransformasikan lalu dikuantisasi. Dibandingkan blok 8x8 tetap milik JPEG, fleksibilitas ini mengurangi efek kotak-kotak, terutama pada ukuran file kecil, dan membuat area datar lebih bersih.

Menurut MDN, AVIF mendukung kedalaman warna 8, 10, dan 12-bit serta chroma sampling YUV 4:4:4, 4:2:2, dan 4:2:0. Spesifikasi AVIF menyatakan bahwa format ini mendukung gambar High Dynamic Range (HDR) dan Wide Color Gamut (WCG), dan MDN mencantumkan fungsi transfer PQ dan HLG serta ruang warna Rec. 2020. Mengingat batas 8-bit pada JPEG dan WebP, AVIF adalah salah satu pilihan paling matang untuk menyajikan foto HDR di web.

Seberapa kecil AVIF?

Para penulis panduan AVIF di web.dev (Jai Krishnan, Wan-Teh Chang, dan Jeremy Wagner) melaporkan penghematan lebih dari 50% dibandingkan JPEG dalam pekerjaan mereka sendiri dan pihak lain, dan MDN menyebutkan gambar AVIF lossy sekitar 50% lebih kecil daripada gambar JPEG. Angka-angka ini bervariasi menurut isi gambar, pengaturan encoder, dan kualitas yang ditargetkan.

Data web nyata memberikan gambaran yang lebih hati-hati. Menurut HTTP Archive Web Almanac 2024, median gambar AVIF di seluler memakai 1,4 bit per piksel, dibandingkan 1,3 untuk WebP dan 2,0 untuk JPEG. Laporan itu juga mencatat bahwa median AVIF naik dari sekitar 1,0 bit per piksel pada 2022, kenaikan sekitar 47%. Dengan kata lain, keunggulan teoretis format ini tidak selalu berubah menjadi file yang lebih kecil dalam praktik, bergantung pada pengaturan kualitas yang dipilih situs.

Dukungan browser dan adopsi

Menurut Can I use, browser yang mendukung AVIF mencakup 96,35% penggunaan global (Oktober 2026). Dukungan hadir bersama Chrome 85, Firefox 93, Edge 121, dan Safari 16.4, dengan dukungan sebagian di Safari 16.1 hingga 16.3. MDN mencatat bahwa Firefox menambahkan dukungan AVIF animasi di versi 113.

Adopsinya masih rendah tetapi tumbuh cepat. Data W3Techs per Oktober 2026 menunjukkan AVIF dipakai di 1,7% situs web yang dipantaunya. Web Almanac 2024 melaporkan bahwa 1,0% gambar di halaman seluler adalah AVIF, porsi yang tumbuh 386% secara relatif dalam dua tahun.

Cara menyajikan AVIF di situs web

Karena dukungan AVIF lebih baru daripada WebP, MDN juga menyarankan untuk menyediakan cadangan dalam format yang dukungannya lebih luas. Pendekatan paling umum adalah mencantumkan sumber di elemen HTML <picture> dari yang paling efisien hingga yang paling kompatibel. Browser memuat sumber pertama yang dipahaminya, dan jika tidak mengenal satu pun, browser memakai JPG di tag <img>:

<picture>
  <source srcset="foto.avif" type="image/avif">
  <source srcset="foto.webp" type="image/webp">
  <img src="foto.jpg" alt="Teks alt yang deskriptif" width="1200" height="800">
</picture>

Pengaturan ini berarti Anda menyiapkan tiga file, tetapi setiap pengunjung mengunduh file terkecil yang didukung browsernya.

Kelemahan AVIF

• Pengodean lambat: membuat AVIF memerlukan waktu CPU yang jauh lebih lama daripada JPEG atau WebP. Panduan web.dev mencatat bahwa pengaturan kecepatan yang lebih cepat menurunkan efisiensi kompresi dan kualitas.
• Tidak ada tampilan progresif: menurut MDN, AVIF tidak mendukung rendering progresif, jadi file harus terunduh sepenuhnya sebelum bisa ditampilkan.
• Dukungan perangkat lunak tertinggal dari browser: meskipun browser menampilkan AVIF, penampil lama, program perkantoran, dan formulir unggah sering tidak menerimanya.
• Penghematan menyusut pada kualitas sangat tinggi: file yang mendekati lossless cepat membesar; untuk salinan arsip, PNG atau file asli lebih cocok.

Masalah umum

File AVIF tidak bisa dibuka

Biasanya program tersebut memang belum mengenal AVIF. Untuk membagikan file atau memakainya di perangkat lunak lama, mengonversi foto ke JPG dan gambar transparan ke PNG adalah solusi tercepat.

Warna tampak pudar setelah konversi

Saat AVIF HDR atau ber-gamut lebar dikonversi ke format sRGB 8-bit, informasi kecerahan dan warna tambahan tidak muat, dan gambar bisa terlihat lebih kusam dari yang dimaksud. Ini adalah batasan format tujuan.

Animasinya hilang

JPG dan PNG tidak membawa animasi, jadi AVIF animasi yang dikonversi ke salah satu format itu hanya menyisakan satu frame.

Tips mengonversi AVIF

• Agar AVIF bisa dibuka di mana saja: konversi AVIF ke JPG, atau AVIF ke PNG untuk mempertahankan transparansi. Untuk file AVIF animasi, hanya frame pertama yang dipakai.
• Untuk membuat AVIF: konverter JPG ke AVIF dan PNG ke AVIF kami memakai kualitas 60 secara bawaan. Skala kualitas AVIF tidak sama artinya dengan JPEG, dan 60 memberi hasil yang baik untuk sebagian besar foto. Pada kualitas 95 ke atas, warna dikodekan dengan resolusi penuh (4:4:4); di bawahnya, 4:2:0 yang dipakai.
• Bersabarlah: pengodean AVIF berjalan di browser Anda dengan WebAssembly dan lebih lambat daripada format lain; antarmuka menampilkan progresnya. File Anda tidak pernah meninggalkan perangkat Anda.
• Warna dan metadata: alat kami menyesuaikan warna ke sRGB, sehingga informasi HDR tidak terbawa ke file hasil. Data EXIF dan lokasi juga tidak ditulis ke file hasil.
• Untuk pekerjaan massal, pilih AVIF sebagai tujuan di konverter gambar dan konversi beberapa file sekaligus.

Pertanyaan yang Sering Diajukan

Apakah AVIF dan HEIC sama?

Tidak, tetapi keduanya berkerabat. Keduanya memakai kontainer HEIF; HEIC mengompresi gambar dengan HEVC (H.265), sedangkan AVIF memakai AV1. AV1 adalah codec bebas royalti, dan saat ini AVIF bisa dibuka di semua browser utama, sementara HEIC sebagian besar tetap terikat pada perangkat Apple.

Apakah AVIF lebih baik daripada WebP?

AVIF biasanya menghasilkan file lebih kecil untuk foto dan mendukung HDR; WebP dikodekan jauh lebih cepat dan dukungannya sudah lebih lama. Menyediakan keduanya di situs Anda melalui elemen <picture> membuat setiap browser mendapatkan format paling efisien yang didukungnya.

Bisakah AVIF lossless?

Bisa, AV1 juga mendukung pengodean lossless. Namun, file AVIF lossless biasanya besar, jadi jika Anda membutuhkan penyimpanan lossless, PNG atau WebP lossless sering lebih praktis.

Apakah AVIF bisa dibuka di iPhone?

Safari di versi iOS terkini menampilkan AVIF; menurut Can I use, dukungan penuh hadir bersama Safari 16.4. Dukungan di masing-masing aplikasi berbeda dari satu aplikasi ke aplikasi lain.

Mengapa menyimpan AVIF begitu lambat?

AV1 mencoba banyak ukuran blok dan arah prediksi untuk menemukan kompresi terbaik. Pencarian itu membuat file lebih kecil tetapi memakan waktu CPU. Pengaturan kecepatan encoder menggeser keseimbangannya: pengaturan yang lebih cepat menghasilkan file yang lebih besar.

Sumber

• AOMedia: spesifikasi AV1 Image File Format (AVIF)
• AOMedia: Our story
• Library of Congress: deskripsi format AVIF
• MDN: Image file type and format guide
• web.dev: Using AVIF to compress images on your site
• Can I use: AVIF image format
• W3Techs: Statistik penggunaan format file gambar di situs web
• HTTP Archive Web Almanac 2024: Media