Apa Itu AVIF? Format Gambar Modern yang Perlu Kamu Tahu
Apa Sebenarnya AVIF Itu
AVIF adalah singkatan dari AV1 Image File Format. Ini adalah format kontainer modern untuk gambar diam, yang berasal dari kodek video AV1 yang dikembangkan oleh Alliance for Open Media—sebuah konsorsium raksasa yang mencakup Google, Apple, Mozilla, Netflix, dan Amazon. Spesifikasi stabil pertama dirilis pada tahun 2019, dan dukungan browser terus meningkat sejak saat itu. Untuk benar-benar memahami AVIF, kamu harus melihat silsilahnya. Induknya, AV1, diciptakan sebagai kodek video bebas royalti untuk menantang HEVC (H.265) yang terbebani paten, yang merupakan teknologi di balik gambar HEIF Apple. Karena AV1 bersifat open-source dan gratis untuk digunakan, setiap developer dapat mengimplementasikannya tanpa membayar biaya lisensi. Ini adalah hal yang sangat penting untuk adopsi. Inilah alasan mengapa Chrome, Firefox, dan Edge semuanya mendukung AVIF secara native, sementara dukungan HEIF/HEIC di web masih berantakan. AVIF bekerja dengan menggunakan alat encoding intra-frame dari AV1, pada dasarnya memperlakukan satu gambar sebagai satu frame video. Ini bukan jalan pintas yang murahan. Inilah yang memberi AVIF akses ke teknik kompresi canggih yang sama yang membuat video AV1 begitu efisien: ukuran blok transformasi yang bervariasi hingga 64x64 piksel, sintesis film grain, filter loop, dan banyak lagi. Hasilnya adalah format yang bersaing ketat dengan JPEG XL dan WebP 2 untuk memperebutkan gelar format gambar paling efisien saat ini. Selain hanya kompresi, AVIF adalah format yang kaya fitur. Format ini mendukung kedalaman warna 8-bit, 10-bit, dan bahkan 12-bit, bersama dengan HDR dan gamut warna lebar seperti Rec. 2020 dan Display P3. Format ini juga menangani transparansi alfa dan bahkan animasi singkat. Fleksibilitas ini memungkinkannya berkinerja baik pada konten fotografi maupun grafis, meskipun seperti yang akan kita lihat, ia memiliki kekuatan dan kelemahan spesifiknya.
Perbandingan Kompresi AVIF dengan JPEG, WebP, dan PNG
Angka berbicara lebih baik daripada kata sifat. Sebuah studi Netflix tahun 2021—dan mereka seharusnya tahu, sebagai salah satu pengembang utama AV1—menunjukkan bahwa file AVIF sekitar 50% lebih kecil dari JPEG pada kualitas visual yang setara. WebP milik Google sendiri biasanya menawarkan penghematan 25–34% dibandingkan JPEG. Ini bukan peningkatan kecil dan bertahap. Ini adalah lompatan generasi dalam hal efisiensi. Mari kita buat lebih konkret. Foto produk berkualitas tinggi berukuran 180 KB yang disimpan sebagai JPEG (kualitas 85) akan menjadi sekitar 130 KB sebagai WebP. Sebagai AVIF dengan constant rate factor (crf) 30, gambar yang sama mungkin hanya berbobot 90–100 KB tanpa kehilangan kualitas yang terlihat di monitor yang bagus. Jika kamu bisa mentolerir kualitas yang sedikit lebih rendah untuk sesuatu seperti thumbnail, crf 40 dapat menekan ukuran file di bawah 60 KB. Bagaimana dengan grafis? Untuk logo, ilustrasi, dan screenshot UI dengan warna solid, PNG telah menjadi raja lossless. AVIF memiliki mode lossless, tapi jangan berasumsi itu lebih baik. Menurut pengalaman saya, ini adalah pilihan yang buruk untuk tugas ini. File AVIF lossless seringkali 10–20% lebih besar dari PNG yang setara. Mode lossless WebP, di sisi lain, secara konsisten mengalahkan PNG sekitar 26% dan juga mengungguli AVIF lossless. Kesimpulannya jelas: kekuatan sebenarnya AVIF ada pada kompresi lossy untuk foto, bukan grafis lossless. Transparansi alfa adalah tempat AVIF benar-benar bersinar. JPEG sama sekali tidak bisa melakukan transparansi. WebP bisa, tetapi AVIF seringkali melakukannya lebih baik dan lebih kecil. Sebuah foto produk dengan latar belakang transparan—yang menjadi andalan e-commerce—dapat disimpan sebagai AVIF yang 60–70% lebih kecil dari versi PNG-nya, sambil menjaga tepian yang tajam dan bersih di sekitar detail rumit seperti rambut atau bulu.
Dukungan Browser dan Platform di Tahun 2025
AVIF bukan lagi sebuah eksperimen. Pada pertengahan 2025, dukungan browser global sudah lebih dari 93%, menurut caniuse.com. Chrome telah mendukungnya sejak versi 85 pada Agustus 2020. Firefox bergabung dengan versi 93 pada Oktober 2021. Poin pentingnya, Safari di macOS Ventura dan iOS 16 ke atas sudah bisa men-decode AVIF. Edge, yang berbasis Chromium, telah memiliki dukungan sejak akhir 2020. Artinya bagi kamu: jika kamu menyajikan gambar AVIF di situs webmu, hampir semua orang akan melihatnya. Sekitar 7% pengguna yang tersisa dengan browser lama hanya memerlukan fallback. Solusi standar yang elegan adalah elemen HTML `<picture>`: <picture> <source srcset="image.avif" type="image/avif"> <source srcset="image.webp" type="image/webp"> <img src="image.jpg" alt="Product photo"> </picture> Fallback tiga lapis yang sederhana ini mencakup setiap browser yang penting. Browser yang tidak mendukung AVIF akan mencoba WebP; jika itu gagal, ia akan kembali ke JPEG yang universal. Ini langsung berfungsi. Tidak perlu JavaScript. Di desktop, ceritanya sedikit lebih rumit, tapi sebagian besar positif. Windows 11 dapat menampilkan AVIF di aplikasi Photos-nya setelah menginstal AV1 Video Extension secara gratis dari Microsoft Store. macOS memiliki dukungan native di Preview sejak macOS Monterey. Adobe Photoshop mengintegrasikan dukungan AVIF di versi 23.2 (Februari 2022), jadi kamu bisa membuka dan menyimpannya secara langsung. GIMP telah memiliki dukungan sejak versi 2.10.22. Bahkan Figma dapat membuka file AVIF, meskipun belum bisa mengekspornya. Bagi siapa pun yang membangun alur kerja otomatis, perangkat di sisi server sudah matang. Library kunci seperti libavif (implementasi referensi), Sharp untuk Node.js, Pillow untuk Python 3.10+, dan ImageMagick 7.1+ semuanya menyediakan kemampuan encoding dan decoding AVIF yang solid.
Kapan Harus Menggunakan AVIF—dan Kapan Tidak
Jadi, di mana sebenarnya kamu harus menggunakan AVIF? Target utamanya adalah gambar fotografi apa pun di web di mana ukuran file memengaruhi performa. Pikirkan galeri produk e-commerce, gambar utama artikel berita, dan situs portofolio. Jika situs web kamu menyajikan ribuan gambar sehari, beralih ke AVIF dapat memangkas biaya bandwidth CDN kamu sebesar 30–50%. Itu adalah uang sungguhan dalam skala besar. Fotografi HDR adalah kasus penggunaan lain yang paling ampuh. Dengan dukungannya untuk warna 10-bit dan 12-bit serta gamut lebar seperti Rec. 2020, AVIF dapat menampilkan konten HDR tanpa harus menurunkannya terlebih dahulu ke SDR. JPEG sama sekali tidak bisa melakukan ini, dan WebP terbatas pada 8-bit. Bagi fotografer atau situs real estat yang memamerkan citra kelas atas kepada pengguna dengan layar HDR, AVIF adalah satu-satunya format web yang didukung secara luas yang mampu memaksimalkan kemampuan perangkat keras tersebut. Tapi ini bukanlah solusi pamungkas. Kelemahan terbesarnya adalah encoding AVIF lambat. Sangat lambat. Melakukan encoding satu foto resolusi tinggi dengan pengaturan kualitas tinggi bisa membuat kipas CPU kamu berputar kencang dan memakan waktu beberapa detik, sedangkan JPEG melakukan encoding dalam milidetik. Latensi ini membuat AVIF menjadi pilihan yang buruk untuk aplikasi yang membutuhkan pembuatan gambar secara real-time, seperti editor foto yang sering menyimpan. Meskipun dukungan encoding perangkat keras semakin membaik, encoding hanya dengan perangkat lunak tetap menjadi kendala yang signifikan. Untuk tugas lain, kamu harus menggunakan alat yang tepat untuk pekerjaan yang tepat. Grafik vektor dan diagram masih lebih cocok menggunakan SVG. Untuk screenshot kode atau teks UI di mana kamu membutuhkan ketajaman piksel yang sempurna, tetap gunakan PNG atau WebP lossless. Dan untuk apa pun yang berhubungan dengan cetak, AVIF sama sekali tidak relevan; TIFF dan PDF masih menjadi standar yang tak terbantahkan. Bagaimana dengan animasi? AVIF mendukungnya (sebagai sekuens AVIS), tetapi encoding-nya bahkan lebih lambat daripada untuk gambar diam, dan dukungan browser kurang dapat diandalkan. Sejujurnya, kamu lebih baik menggunakan WebP animasi atau, lebih baik lagi, file video MP4 atau WebM pendek yang diatur untuk autoplay.
Cara Mengonversi Gambar ke AVIF
Oke, jadi bagaimana cara kamu membuat file-file ini? Kamu punya beberapa pilihan, tergantung pada kebutuhanmu. Untuk developer dan penggemar command-line, `avifenc` (dari toolkit libavif) adalah encoder referensi. Perintah yang umum mungkin seperti ini: `avifenc --min 20 --max 40 --speed 6 input.jpg output.avif`. Flag `--min` dan `--max` mengatur rentang kualitas (lebih rendah lebih baik, pada skala 0-63), dan `--speed` mengontrol pertukaran antara waktu encoding dan ukuran file (0 adalah yang paling lambat dan paling efisien, 10 adalah yang tercepat). Speed 6 adalah titik awal yang bagus untuk pemrosesan massal. Jika kamu ingin melihat apa yang kamu lakukan, Squoosh (squoosh.app) dari Google adalah alat berbasis browser yang luar biasa. Alat ini memungkinkan kamu menyesuaikan pengaturan AVIF dengan slider kualitas visual dan perbandingan berdampingan secara instan. Ini sempurna untuk konversi satu per satu dan untuk mendapatkan gambaran tentang bagaimana pengaturan kualitas memengaruhi gambar spesifik kamu. Untuk konversi massal tanpa menyentuh command line, CocoConvert menawarkan AVIF sebagai format output untuk sumber seperti JPEG, PNG, WebP, dan HEIC. Kamu hanya perlu mengunggah file, memilih AVIF, dan mengunduh hasilnya. Encoder-nya sudah dikonfigurasi untuk mencapai keseimbangan yang baik antara ukuran dan kualitas untuk penggunaan web. Satu catatan jujur: CocoConvert tidak menyediakan kontrol manual untuk constant rate factor (crf) atau chroma subsampling. Jika kamu memerlukan tingkat kontrol yang sangat detail itu—misalnya, untuk menjamin warna 4:4:4 untuk foto profesional—alat command-line atau dialog ekspor Photoshop akan memberimu presisi tersebut. Di Photoshop (CC 2022 dan yang lebih baru), cukup buka File > Export > Export As dan pilih AVIF dari daftar format. Namun, Lightroom Classic masih belum bisa mengekspor AVIF secara native, sehingga membutuhkan plugin pihak ketiga untuk menjembatani celah tersebut.
AVIF vs. JPEG XL: Pesaing Lainnya
Setiap diskusi jujur tentang AVIF harus mengakui saingan utamanya: JPEG XL (JXL). Ini adalah format yang fantastis yang menawarkan beberapa hal yang tidak bisa dilakukan AVIF, seperti rekompresi JPEG yang benar-benar lossless (kamu bisa mengonversi JPEG ke JXL dan kembali lagi tanpa kehilangan kualitas sama sekali) dan kecepatan encoding yang lebih cepat pada tingkat kualitas yang sebanding. Format ini juga seringkali lebih baik untuk gambar yang mengandung garis tajam dan teks. Dalam adu kompresi langsung, tidak ada format yang menjadi pemenang mutlak di semua situasi. AVIF seringkali lebih unggul untuk foto detail pada bitrate yang sangat rendah, sementara JPEG XL cenderung lebih baik untuk grafis, gambar yang banyak teks, dan alur kerja apa pun di mana kecepatan encoding menjadi faktor. Tapi spesifikasi teknis tidak menceritakan keseluruhan cerita. Perbedaan krusialnya adalah dukungan browser. Pada tahun 2023, pengembang Chrome menghapus dukungan eksperimental JPEG XL, dengan alasan kurangnya minat ekosistem, dan keputusan itu secara efektif membekukan pasar. Pada pertengahan 2025, hanya Safari (17+) yang mendukung JXL secara native, dengan dukungan Firefox tersembunyi di balik sebuah flag. Ini berarti kamu tidak dapat menyajikan JXL di web secara andal hari ini tanpa polyfill JavaScript. Bagi developer web, ini membuat keputusan menjadi jelas bagi kita, setidaknya untuk saat ini. AVIF, dengan dukungan native 93%+, adalah satu-satunya pilihan praktis untuk penyebaran gambar modern. Situasi ini bisa berubah. Komunitas JPEG XL sangat bersemangat dan aktif, dan vendor browser mungkin akan mempertimbangkannya kembali. Tapi bagi siapa pun yang membangun situs web saat ini, AVIF memiliki keuntungan besar yang tak terbantahkan karena benar-benar didukung di tempat yang paling penting.
Haruskah Kamu Memigrasikan Gambar yang Ada ke AVIF?
Jadi, haruskah kamu mengonversi seluruh koleksi gambarmu? Kabar baiknya adalah migrasi tidak harus menjadi proses yang 'semua atau tidak sama sekali'. Strategi terbaik bagi kebanyakan orang adalah dengan hanya menambahkan versi AVIF di samping JPEG dan PNG yang sudah ada, menggunakan elemen `<picture>` untuk membiarkan browser memilih format terbaik. Ini berarti kamu tidak perlu menghapus file lama; kamu hanya menambahkannya. Untuk situs dengan koleksi gambar yang besar, konversi massal adalah satu-satunya jalan yang waras. Siapkan skrip menggunakan alat seperti Sharp untuk Node.js atau ImageMagick dalam loop shell, atau gunakan plugin build-step untuk Vite atau webpack. Biarkan berjalan semalaman. Encoding yang lambat adalah biaya satu kali, tetapi penghematan bandwidth akan terus memberikan keuntungan di setiap pemuatan halaman. Untuk semua gambar baru ke depannya, alur kerjanya bahkan lebih sederhana. Jadikan ini praktik standar untuk melakukan encode versi AVIF untuk pengiriman web. Simpan file sumber resolusi tinggi asli kamu—baik itu RAW, TIFF, atau JPEG berkualitas tinggi—dan hasilkan AVIF yang dioptimalkan untuk web sebagai bagian dari proses publikasi kamu. Bagaimana dengan penyimpanan? Ya, menyimpan beberapa versi dari setiap gambar akan meningkatkan jejak penyimpanan kamu untuk sementara. File AVIF lebih kecil, tetapi kamu menambahkannya ke koleksi yang sudah ada. Namun, bagi sebagian besar situs web, penghematan signifikan pada bandwidth keluar CDN akan dengan mudah melampaui sedikit peningkatan biaya penyimpanan di server asal. Satu kata peringatan terakhir: pengarsipan. Siapa pun yang pernah mencoba membuka format file proprietary berusia 15 tahun tahu penderitaan karena bit rot dan keusangan. AVIF masih muda. JPEG sudah berusia lebih dari 30 tahun dan akan dapat dibaca oleh perangkat lunak yang bahkan belum ditemukan. Untuk pengarsipan jangka panjang dan permanen dari gambar-gambar terpenting kamu, pilihan yang konservatif adalah pilihan yang tepat. Tetap gunakan JPEG atau TIFF berkualitas tinggi. Gunakan AVIF untuk pengiriman, tetapi selalu simpan file asli kamu dalam format dengan rekam jejak yang terbukti.