Konversi WebP ke AVIF Online

AVIF (AV1 Image File Format) adalah format gambar yang diturunkan dari codec video AV1, dikembangkan oleh Alliance for Open Media (AOMedia) dan diterbitkan sebagai spesifikasi pada Februari 2019. AOMedia didirikan pada 2015 oleh Amazon, Apple, ARM, Cisco, Google, Intel, Microsoft, Mozilla, Netflix, dan Nvidia, antara lain, dengan tujuan menciptakan codec video dan gambar bebas royalti. AVIF menggunakan codec AV1 untuk kompresi gambar diam, memberikannya efisiensi kompresi yang secara signifikan lebih unggul dari WebP untuk banyak jenis konten: gambar fotografi, ilustrasi, dan tangkapan layar. Dalam benchmark komparatif, AVIF menghasilkan file sekitar 20 persen lebih kecil dari WebP pada kualitas visual subjektif yang sama (SSIM/DSSIM), dan 50 hingga 60 persen lebih kecil dari JPG. AVIF juga mendukung transparansi (saluran alpha), HDR (high dynamic range), gambar 10 dan 12 bit per saluran, dan urutan animasi.

AVIF didukung secara native di semua browser modern utama: Chrome 85 (Agustus 2020) adalah yang pertama menambahkan dukungan penuh untuk gambar AVIF statis; Firefox 93 (Oktober 2021) menambahkan dukungan AVIF tanpa flag; Opera 71 (Agustus 2020, berbasis Chromium 85) mewarisi dukungan Chrome. Safari 16 (September 2022, tersedia di iOS 16 dan macOS Ventura) adalah browser utama terakhir yang menambahkan dukungan AVIF. Edge 121 (Januari 2024) menambahkan dukungan AVIF animasi. Untuk pengguna di browser tanpa dukungan AVIF (Safari 15 dan sebelumnya, Edge lama, IE), pola yang disarankan adalah menggunakan elemen HTML picture dengan sumber bertipe image/avif dan gambar fallback dalam WebP atau JPG.

Core Web Vitals, kumpulan metrik pengalaman pengguna yang telah digunakan Google sebagai sinyal peringkat sejak Mei 2021, mencakup LCP (Largest Contentful Paint) sebagai salah satu dari tiga indikator utamanya. LCP mengukur waktu hingga elemen konten terbesar yang terlihat yaitu sering kali gambar hero selesai dirender. Gambar yang lebih kecil diunduh lebih cepat, mengurangi LCP. Jika LCP halaman Anda adalah gambar WebP 200 KB yang berbobot 160 KB dalam AVIF, pengurangan ukuran 20 persen langsung diterjemahkan ke waktu unduh yang lebih cepat, terutama pada koneksi mobile yang lambat (3G, 4G lemah). Google PageSpeed Insights dan Lighthouse sudah mengevaluasi penggunaan format generasi berikutnya sebagai sinyal positif dalam audit mereka.

WebP dikembangkan oleh Google dan diumumkan pada September 2010 sebagai alternatif yang lebih efisien dari JPG dan PNG. Saat diluncurkan, WebP menawarkan pengurangan 25 hingga 34 persen dibandingkan JPG pada kualitas yang setara. Namun, WebP menggunakan teknologi kompresi dasar yang sama dengan codec video VP8 (2010), yang telah dilampaui oleh kemajuan dalam teori informasi dan pengkodean video selama dekade terakhir. AVIF menggunakan AV1 (2018), codec yang secara signifikan lebih modern dengan pemodelan konten visual yang lebih baik. Untuk pipeline gambar di CDN (Cloudflare Images, Fastly, Imgix, Cloudinary), mengonversi gambar master ke AVIF memaksimalkan efisiensi pengiriman ke browser modern. Penghematan bandwidth di situs dengan jutaan tampilan halaman sangat substansial.

Ya. Baik WebP maupun AVIF mendukung saluran alpha (transparansi). Jika WebP Anda memiliki area transparan (WebP dengan saluran alpha, umumnya dibuat dari PNG atau grafis SVG yang dirasterisasi), transparansi dipertahankan dalam AVIF yang dihasilkan. Tidak seperti konversi WebP ke JPG (di mana transparansi hilang dan diisi dengan putih), WebP ke AVIF mempertahankan transparansi sepenuhnya. Hal ini membuat AVIF sangat berharga untuk logo, ikon, gambar produk dengan latar belakang transparan, dan elemen UI yang perlu ditumpangkan pada latar belakang yang bervariasi.

Konversi di browser menggunakan HTML5 Canvas API (canvas.toBlob() atau canvas.toDataURL() dengan tipe image/avif) dan mesin rendering browser sendiri untuk encoding AVIF. Ini memiliki beberapa implikasi: kualitas encoding AVIF bergantung pada encoder browser (Chrome/Chromium menggunakan libaom, implementasi referensi AV1, yang memprioritaskan kompatibilitas daripada kecepatan); prosesnya bisa lebih lambat dari konversi JPG ke JPG karena AVIF lebih kompleks secara komputasi; gambar WebP animasi dikonversi hanya ke frame pertama (AVIF animasi memerlukan encoding urutan penuh yang tidak tersedia melalui Canvas API). Untuk konversi massal atau persyaratan kecepatan dan optimasi maksimum, alat command-line seperti avifenc (dari library libavif AOMedia) atau squoosh-cli menawarkan kontrol lebih besar atas parameter encoder.