Digital Transformation
AVIF (AV1 Image File Format)
TL;DR: AVIF (AV1 Image File Format) adalah format gambar modern yang memampatkan foto lebih efisien dari JPEG dan WebP, sering memangkas ukuran file 30 hingga 50 persen pada kualitas visual setara. File yang lebih kecil mempercepat pemuatan halaman dan memperbaiki skor LCP.
Apa itu AVIF?
AVIF adalah format penyimpanan gambar yang dibangun di atas codec video AV1. Analoginya, AVIF mengemas gambar seperti koper yang dilipat sangat rapi, isinya sama tetapi memakan ruang jauh lebih sedikit. Karena ukuran file lebih kecil, gambar sampai ke layar pengguna lebih cepat, yang langsung berdampak pada Core Web Vitals.
AVIF vs WebP vs JPEG
| Format | Kompresi | Dukungan browser | Catatan |
|---|---|---|---|
| JPEG | Dasar | Universal | Standar lama, paling aman |
| WebP | Baik | Sangat luas | Penyeimbang yang solid |
| AVIF | Terbaik di kelasnya | Luas (mayoritas browser modern) | Hemat paling besar, encoding lebih lambat |
Praktik yang aman adalah menyajikan AVIF dengan fallback otomatis ke WebP atau JPEG melalui elemen gambar, sehingga browser lama tetap menampilkan gambar. Pendekatan ini berpadu baik dengan srcset gambar responsif.
Kenapa Penting?
Gambar biasanya menyumbang porsi terbesar bobot sebuah halaman. Dalam beberapa proyek optimasi yang saya tangani, mengganti hero image ke AVIF termasuk perubahan paling cepat memberi dampak pada LCP tanpa mengubah desain. Untuk bisnis di Indonesia dengan banyak pengunjung di jaringan seluler, ukuran file yang lebih kecil berarti halaman terasa lebih ringan dan ongkos data pengguna lebih hemat. Referensi teknis lengkap tersedia di dokumentasi MDN tentang AVIF.
Pertanyaan Umum
Apakah semua browser mendukung AVIF?
Mayoritas browser modern sudah mendukung AVIF, namun untuk berjaga, sajikan AVIF dengan fallback ke WebP atau JPEG agar pengguna browser lama tetap melihat gambar.
Apakah AVIF selalu lebih kecil dari WebP?
Pada umumnya ya untuk foto, tetapi hasil bervariasi tergantung jenis gambar dan setelan kualitas. Uji beberapa sampel sebelum mengganti seluruh aset.