Nota daripada pasukan tentang kraf, format, dan keputusan kecil di sebalik hasil yang baik.
Mengapa AVIF mengatasi WebP pada foto
Kelebihan mampatan AVIF berbanding WebP berpunca daripada formato di bawahnya. WebP menggunakan enjin dalam bingkai direka untuk video tetapi digunakan untuk imej pegun sejak 2010. format moden, formato di sebalik AVIF, muncul pada 2018 selepas bertahun penyelidikan yang menyasarkan terus had dan. format moden menggunakan pensampelan kromatik lebih agresif, pembahagian blok sehalus 4 kali 4 piksel, dan pengekod entropi yang lebih berkesan. Hasil praktikalnya, disahkan oleh analisis merentas set ujian foto besar, ialah AVIF biasanya 20 hingga 30 peratus lebih kecil daripada WebP pada kualiti persepsi sama pada foto. Pada grafik jana komputer dengan warna rata dan tepi tajam, jurang menyempit kerana algoritma lebih ringkas WebP mengendalikan corak itu dengan cekap. Bagi mana-mana halaman yang aset terberatnya ialah foto, naik taraf AVIF memberi kesan jalur lebar yang boleh diukur.
Laluan lossy kedua dalam amalan
Apabila anda menukar WebP kepada AVIF, kedua-dua sumber dan keluaran adalah lossy. WebP sudah memutuskan maklumat warna mana yang hendak dibuang ketika ia mula-mula dicipta, dan keputusan itu kekal: penukaran ke AVIF tidak boleh memulihkan walau satu pun. Bahagian AVIF kemudian membuat keputusannya sendiri pada data piksel yang diterimanya, pada kualiti 85. Untuk foto, kesan gabungan dua laluan lossy masih hampir tanpa kehilangan dari segi mata pada saiz biasa, mengukur sekitar pada kandungan foto sebenar. Untuk grafik yang sudah merosot akibat pemprosesan WebP-nya, laluan kedua boleh menambah artifak yang kelihatan. Peraturan praktikalnya: jika WebP sumber kelihatan bersih pada saiz yang anda hendak paparkan, AVIF juga begitu. Jika WebP sudah membawa hingar mampatan, periksa AVIF dengan teliti sebelum menghantarnya.
Bagaimana saluran alpha mengalir merentas
WebP dan AVIF kedua-duanya menyimpan ketelusan pada satah alpha berasingan di sebelah data warna. Penukaran membaca saluran alpha WebP, menggabungkannya pada ketelusan penuh, kemudian menyerahkannya kepada bahagian AVIF, yang menulis trek alphanya sendiri dengan pengekodan dalam bingkai format moden pada kualiti 85. Kecerunan ketelusan lembut, tepi berbulu, dan kawasan separa telus semuanya melepasi perjalanan pergi balik ini. Satah alpha AVIF sendiri adalah lossy pada kualiti 85, yang boleh memperkenalkan pinggiran nyaris tidak nampak pada tepi tajam apabila zum melampau. Pada saiz tontonan web biasa, perbezaan daripada sumber tidak kelihatan. Untuk kerja tepat piksel pada ikon kecil yang tepi alphanya mesti betul, kekalkan sumber WebP dan sahkan keluaran pada zum penuh sebelum anda menghantarnya.
Jangkaan masa pemprosesan merentas pelayar dan peranti
Bahagian AVIF memanaskan diri sekali setiap sesi pelayar, menambah kira-kira sesaat pada penukaran pertama. Selepas itu, Chromium memberi pemprosesan terbaik: kira-kira 40 milisaat untuk imej kecil 0.12 megapiksel, 250 milisaat untuk foto 1 megapiksel, 2.8 saat untuk foto 4K, dan sehingga 25 saat untuk imej penuh 48 megapiksel dalam kes terburuk yang diperhati. Firefox ialah pengecualian ketara, menjalankan bahagian yang sama kira-kira empat kali lebih perlahan, meletakkan kes 4K hampir 31 saat dan fail besar melepasi dua minit. WebKit terletak di antara kedua-duanya, condong ke Chromium. Perkakasan mudah alih berjalan 3 hingga 5 kali lebih perlahan daripada desktop merentas semua enjin. Untuk penukaran fail demi fail harian, Chrome pada komputer riba atau desktop ialah alat yang praktikal. Untuk pengguna Firefox dengan imej besar, nasihat jujur ialah tukar pelayar atau kekal pada WebP.
Core Web Vitals dan kes naik taraf AVIF
Halaman yang menyajikan foto membayar jalur lebar untuk setiap imej yang dimuatkan. Jika imej itu WebP hari ini, menukarnya kepada AVIF memotong setiap pemindahan kira-kira 20 hingga 30 peratus pada foto. Pada halaman dengan imej hero WebP, AVIF membawanya kepada kira-kira 140 hingga. Pada grid produk dengan dua belas imej kecil WebP, AVIF menjimatkan kira-kira 70 hingga berat halaman keseluruhan. Penjimatan itu memberi kesan langsung kepada Largest Contentful Paint apabila elemen LCP ialah imej. Pada sokongan pelayar AVIF hampir 94 peratus global, satu elemen picture yang menyajikan AVIF dahulu dengan WebP di belakang meliputi hampir semua trafik. Kos penanda dibayar sekali setiap komponen imej, manakala penjimatan jalur lebar berulang pada setiap muatan halaman selepas itu.
Mengapa penukaran AVIF bersandar pada pelayan
AVIF dibina atas kodek format moden, keluarga sama yang digunakan video moden, dan sengaja berat untuk dihasilkan sebagai pertukaran fail yang padat. Melakukan kerja itu dengan baik, terutama pada foto besar, jauh lebih pantas dan boleh dipercayai pada pelayan sebenar berbanding dalam pelayar telefon, jadi pasangan ini menghantar imej ke pelayan kami untuk menghasilkan AVIF terbaik yang mungkin. Fail diproses dan hasilnya kembali kepada anda, dan muat turun dibuang dalam kira-kira 2 jam, tanpa akaun dan tanpa simpanan jangka panjang. Menukar beberapa imej sekali gus sentiasa berjalan di pelayan, yang mencantumkan set siap menjadi satu muat turun, dipadam dalam tempoh singkat yang sama. Jika pelayan kami tidak dapat dicapai, satu penukaran dihasilkan dalam pelayar sebagai ganti, fail itu kekal setempat, menerima penghasilan lebih perlahan demi kemudahan. Pertukarannya jelas: pelayan membeli kualiti dan kelajuan pada format yang paling memerlukannya, dan fail anda tidak pernah disimpan melepasi tetingkap singkat yang diperlukan penukaran.
