Lompati ke konten

AVIF vs JPEG XL: Siapa yang Menang?

JPEG XL bisa dibilang merupakan format yang lebih baik. AVIF adalah format yang bisa Anda gunakan sekarang. Sejarah singkat bagaimana hal itu terjadi.

Gunakan AVIF, karena format ini didukung di setiap browser utama sementara JPEG XL tidak. Pada sebagian besar tolok ukur teknis, JPEG XL adalah format yang lebih kuat, menawarkan transcoding JPEG lossless, decoding progresif, dan kualitas per bita yang sangat baik. Namun, untuk tujuan praktis, format ini tidak dapat diterapkan di web terbuka.

Chrome menghapus dukungan JPEG XL pada tahun 2023, dengan alasan kurangnya minat ekosistem, dan tanpa Chrome, format gambar web tidak akan berkembang. AV1 Image File Format (AVIF) memiliki keunggulan karena berjalan di atas AV1, sebuah codec video yang sudah diinvestasikan oleh para vendor browser. Teknologi yang lebih baik kalah dari teknologi dengan cerita distribusi yang lebih kuat, yang mana ini bukan pola baru.

Perbandingan kedua format

JPEG XL unggul dalam kecepatan encoding, pemuatan progresif, dan konversi JPEG lossless, sementara AVIF unggul dalam satu-satunya tolok ukur yang menentukan penerapan, yaitu dukungan browser.

KemampuanAVIFJPEG XL
Dukungan browserSemua browser utamaTerbatas, tidak ada di Chrome
Kompresi pada fotoSangat baikSangat baik, sedikit lebih baik
Kecepatan encodingLambatCepat
Decoding progresifTidakYa
Transcoding JPEG losslessTidakYa, sekitar 20 persen lebih kecil
Performa pada file kecilKurang baik di bawah 10 KBBaik
Dukungan animasiYaYa

Baris transcoding JPEG lossless adalah kemampuan yang hilang dari web. JPEG XL dapat mengemas ulang JPEG yang ada sekitar 20 persen lebih kecil dan mengonversinya kembali ke file asli yang identik, yang akan memungkinkan arsip menyusut tanpa risiko sama sekali.

Mengapa Chrome menghapus JPEG XL

Chrome menyebutkan kurangnya minat dari ekosistem, manfaat yang terbatas dibandingkan format yang sudah ada, dan biaya pemeliharaan decoder lain. Keputusan tersebut diumumkan pada tahun 2022 dan mulai berlaku pada tahun 2023.

Alasan tersebut diperdebatkan pada saat itu dan masih terus diperdebatkan. Para pendukung menunjuk pada keunggulan kompresi yang terukur dan dukungan dari beberapa penerbit gambar besar. Argumen tandingannya adalah bahwa AVIF sudah memberikan sebagian besar manfaat menggunakan decoder yang telah dikirimkan browser untuk video. Pandangan mana pun yang benar, format tanpa Chrome tidak dapat disajikan ke sebagian besar lalu lintas web.

Di mana JPEG XL masih digunakan

JPEG XL bertahan dalam fotografi profesional, penyimpanan arsip, dan perangkat lunak Apple, di mana satu vendor mengendalikan alurnya. Safari menambahkan dukungan pada tahun 2023, yang menjaga format ini tetap hidup di platform Apple.

  • Arsip foto menggunakan transcoding JPEG lossless untuk mengurangi penyimpanan tanpa risiko kehilangan data.
  • Alur kerja kamera profesional diuntungkan oleh kedalaman bit yang tinggi dan dukungan warna yang luas.
  • Platform Apple dapat mendekodenya, yang membuatnya layak digunakan di dalam ekosistem tertutup.
  • Pencitraan medis dan ilmiah menghargai mode lossless dan decoding progresif.
  • Bukan web terbuka, di mana suatu format harus berfungsi di setiap browser agar dapat digunakan.

Kapan harus menggunakan AVIF di situs web

Gunakan AVIF pada foto terbesar Anda, di mana format ini menghemat 20 hingga 30 persen dibandingkan WebP. Keunggulannya meningkat seiring dengan ukuran gambar dan menghilang pada grafis kecil.

Gambar hero, banner lebar penuh, dan galeri foto adalah kasus penggunaan yang jelas. Di bawah sekitar 10 KB, file AVIF sering kali lebih besar daripada setara WebP, karena overhead wadah lebih besar daripada keuntungan kompresi. Membagi pustaka berdasarkan ukuran, dengan AVIF pada gambar yang berat dan WebP pada hal lainnya, menangkap sebagian besar manfaat tanpa biaya encoding.

Biaya encoding AVIF

AVIF melakukan encode beberapa kali lebih lambat daripada WebP, yang lebih berpengaruh pada batch besar daripada pada gambar tunggal. Sebuah foto yang dikonversi ke WebP dalam waktu kurang dari satu detik mungkin memerlukan waktu beberapa detik sebagai AVIF.

Pada batch berisi 500 gambar, perbedaannya diukur dalam hitungan menit. Biaya tersebut dibayarkan sekali per gambar dan tidak pernah lagi, karena decoding berlangsung cepat di setiap browser yang mendukung. Rencanakan konversi besar saat mesin sedang tidak digunakan untuk hal lain, dan biarkan tab browser tetap di latar depan, karena browser membatasi tab latar belakang dan memperlambat pekerjaan secara signifikan.

Cara menyajikan AVIF dengan aman

Untuk menggunakan AVIF tanpa merusak tampilan di browser lama, ikuti 5 langkah ini.

  1. Identifikasi gambar terbesar di setiap halaman, yang biasanya berupa banner hero dan foto utama.
  2. Kurangi setiap gambar ke lebar yang ditempatinya di halaman, digandakan untuk layar dengan kepadatan tinggi.
  3. Konversikan ke AVIF pada kualitas 60 hingga 70, karena AVIF mempertahankan detail pada angka yang lebih rendah daripada JPEG.
  4. Konversikan sumber yang sama ke WebP sebagai opsi kedua dan simpan JPEG asli sebagai cadangan terakhir.
  5. Sajikan ketiganya melalui elemen picture dengan AVIF terlebih dahulu, WebP kedua, dan JPEG di tag img.

Browser mengambil format pertama yang dipahaminya, sehingga tidak ada yang rusak di mana pun. Menulis markup biasanya memakan waktu lebih lama daripada mengonversi file.

Pengaturan kualitas AVIF berperilaku berbeda

Kualitas AVIF 60 terlihat sebanding dengan kualitas JPEG 85, sehingga angka-angka yang biasa kita kenal tidak dapat diterapkan secara langsung. Menggunakan kebiasaan JPEG dengan AVIF menghasilkan file yang jauh lebih besar dari yang diperlukan.

Mulailah dari 60 untuk foto dan sesuaikan dari sana. Waspadai kegagalan spesifik, karena AVIF pada pengaturan agresif cenderung menghaluskan tekstur halus alih-alih menghasilkan blok, yang dapat membuat rumput, rambut, dan kain terlihat seperti lukisan. Artefak tersebut tidak terlalu mengganggu dibandingkan keblokan JPEG dan mudah terlewatkan sampai seseorang menunjukkannya.

Bagaimana sebuah format menang atau kalah

Distribusi menentukan format gambar, bukan keunggulan teknis, dan vendor browser mengendalikan distribusi. Pola yang sama menghasilkan hasil untuk WebP, yang berhasil karena Chrome mengirimkannya, dan untuk JPEG 2000, yang gagal meskipun secara teknis mumpuni.

AVIF diuntungkan dari keputusan yang dibuat tentang video daripada tentang gambar. Vendor browser telah berinvestasi dalam AV1 untuk mengurangi biaya streaming, sehingga format gambar yang dibangun di atas decoder yang sama membutuhkan biaya yang sangat sedikit bagi mereka untuk ditambahkan. JPEG XL memerlukan decoder baru, pemeliharaan baru, dan permukaan keamanan baru, dengan manfaat yang dinilai browser marginal dibandingkan dengan apa yang sudah mereka kirimkan.

Apakah semua ini memengaruhi pengguna biasa

Tidak, kebanyakan orang tidak pernah memilih format gambar secara langsung, dan keputusan tersebut dibuat oleh platform tempat mereka menerbitkannya. Perdebatan ini penting bagi pemilik situs, fotografer, dan pengembang yang mengendalikan pengiriman mereka sendiri.

Siapa pun yang menerbitkan melalui pasar, jejaring sosial, atau pembuat situs web ter-host mengunggah JPG atau PNG dan membiarkan platform melakukan encode ulang. Argumen format hanya menjangkau Anda ketika Anda mengendalikan file yang diunduh pengunjung, itulah sebabnya argumen ini mendominasi diskusi performa web dan tidak terlihat di tempat lain.

Apa artinya ini bagi pustaka Anda

Simpan master lossless, terbitkan AVIF dan WebP, dan abaikan perdebatan format. Format pengiriman berubah setiap beberapa tahun sementara file master tetap berguna tanpa batas waktu.

Siapa pun yang mengonversi seluruh pustaka ke format pengiriman dan menghapus file aslinya pernah menghadapi masalah ini sebelumnya. Penyimpanan tidak mahal dibandingkan dengan memotret ulang sebuah katalog, jadi strategi praktisnya adalah menyimpan versi terbaik yang Anda miliki dan menghasilkan salinan pengiriman sesering web berubah pikiran.

Apakah JPEG XL akan kembali

Kembalinya format ini memerlukan Chrome untuk membatalkan keputusannya, dan tidak ada pengumuman yang menunjukkan hal itu direncanakan. Dukungan Safari dan minat yang terus berlanjut dari perangkat lunak fotografi menjaga format ini agar tidak hilang sepenuhnya.

Format-format lain pernah kembali dari posisi yang lebih buruk sebelumnya, jadi pertanyaan ini masih terbuka dan bukan tertutup. Membangun situs web berdasarkan kemungkinan itu adalah tindakan yang tidak bijaksana. Gunakan AVIF dan WebP untuk pengiriman hari ini, simpan master dalam format lossless, dan mengadopsi format masa depan apa pun akan menjadi konversi batch alih-alih pembangunan kembali.

Mengonversi pustaka ke AVIF

Konversikan dari master asli alih-alih dari JPEG yang ada, karena sumber yang lossy membawa kerusakan ke dalam file baru. Encoder AVIF menghabiskan bit untuk menjelaskan artefak JPEG yang tidak dapat dibedakannya dari detail nyata.

Tambahkan hingga 500 file sekaligus, atau serahkan arsip ZIP, dan seluruh rangkaian akan di-encode dalam satu putaran. Semuanya berjalan di dalam browser Anda pada prosesor Anda sendiri, sehingga pustaka fotografi, pekerjaan klien, dan aset kampanye yang belum diterbitkan tidak pernah mencapai server. Melakukan encoding secara lokal juga berarti batch besar berjalan pada kecepatan mesin Anda alih-alih kecepatan unggahan.

Kembali ke blog