Catatan dari tim tentang keahlian, format, dan keputusan kecil di balik hasil yang baik.
Mengapa AVIF mengalahkan PNG begitu telak pada ukuran berkas
AVIF dibangun di atas format gambar modern, dirancang untuk efisiensi persepsi alih-alih kesetiaan lossless. PNG memakai DEFLATE pada data piksel mentah, yang lossless tetapi menyisakan redundansi sangat besar dalam konten foto. AVIF mengganti redundansi itu dengan prediksi blok yang dipinjam dari video, membuang informasi yang tak disadari sistem penglihatan manusia. Hasilnya dramatis. Foto 116 kilobyte menjadi kira-kira 16 kilobyte sebagai AVIF pada kualitas 85, dan PNG transparan biasanya menyusut 30 sampai 50 persen terhadap WebP setara. Selisih melebar pada foto resolusi tinggi dan menyempit pada grafik sederhana. Bagi situs mana pun yang menyajikan gambar transparan ke audiens modern, penghematan lebar pita itu langsung menjadi muat lebih cepat dan biaya keluar lebih rendah.
Kisah saluran alfa secara terperinci
PNG dan AVIF sama-sama menyimpan transparansi sebagai bidang transparansi terpisah di samping data warna. Saat pasangan ini memproses PNG Anda, pembaca berkas memisahkan piksel warna dan topeng transparansi secara mandiri. Perangkat AVIF lalu menulis berkas baru dengan jalur alfanya sendiri, memakai pengodean intra-bingkai format modern untuk memampatkan kedua bidang pada kualitas 85. Alfa tidak dilebur ke dalam warna dan tidak diganti isian latar. Bayangan halus, tepi lembut, dan gradien setengah transparan semuanya terekam setia. Satu kemerosotan yang ditambah AVIF adalah kompresi lossy pada bidang transparansi itu sendiri, yang bisa menimbulkan jumbai nyaris tak terlihat di sekitar tepi sangat keras pada perbesaran ekstrem. Pada ukuran tampilan normal dan kualitas 85, selisihnya tak terlihat. Untuk kerja ikon piksel-presisi pada ukuran mungil, simpan PNG.
Kecepatan pengubahan dalam praktik, peramban demi peramban
Perangkat AVIF dimuat sekali per sesi peramban, sekitar 800 milidetik untuk mengambil ditambah 300 untuk menyiapkan, jadi pengubahan pertama membawa sekitar satu detik pemanasan. Proses hangat melewatinya sepenuhnya. Di Chrome desktop, 0,12 megapiksel butuh sekitar 40 milidetik, 1 megapiksel sekitar 250 milidetik, dan 8 megapiksel kira-kira 2,8 detik. Firefox jadi pengecualian, menjalankan kerja yang sama sekitar empat kali lebih lambat, jadi foto 4K bisa memakan 30 detik atau lebih di sana. WebKit di Safari berada di antara keduanya, lebih dekat ke Chrome. Pada perangkat seluler kelas menengah angkanya berjalan tiga sampai lima kali lebih buruk dari Chrome desktop. Jika Anda sering mengubah berkas besar, Chrome di desktop atau laptop memberi keluaran terbaik.
Kapan tetap menyimpan PNG alih-alih mengubahnya
PNG tetap pilihan tepat dalam beberapa kasus bahkan ketika ukuran berkas penting. Pertama, grafik dengan teks tajam pada ukuran kecil, seperti label, lencana, atau ikon skala favikon, bisa menampilkan artefak di AVIF yang tak bisa diterima pada jarak pandang biasa. Kedua, berkas sumber-kebenaran yang dipakai untuk penyuntingan lanjut sebaiknya tetap PNG, karena tiap lintasan melalui format lossy menumpuk hilangnya kualitas. Ketiga, lingkungan yang menolak AVIF, termasuk beberapa penyunting dokumen, perkakas desain lama, dan klien surel, butuh PNG demi interoperabilitas. Terakhir, animasi di luar bingkai pertama tidak dipertahankan, karena pasangan ini menangani satu bingkai. Untuk segala hal lain, foto transparan dan aset grafis menuju pengantaran web modern, PNG ke AVIF adalah pertukaran yang tepat.
Argumen Core Web Vitals dan lebar pita
Largest Contentful Paint, metrik pemuatan utama, dipengaruhi langsung oleh ukuran gambar terbesar di sebuah halaman. Menurunkan gambar itu dari 116 kilobyte ke 16 kilobyte, sebagaimana terukur pada foto 4K dalam pengembangan, memangkas waktu transfer pada koneksi 10 Mbps dari sekitar 93 milidetik menjadi sekitar 13 untuk elemen itu sendiri. Kalikan itu di seluruh kisi produk, korsel hero, atau antarmuka yang penuh ikon transparan dan penghematan kumulatif mendorong LCP jauh di bawah ambang 2,5 detik yang dianggap Google baik. Adopsi AVIF mempercepat justru karena argumennya bisa disampaikan dalam angka keras. Pada cakupan peramban sekitar 94,3 persen, kasus cadangan cukup kecil sehingga kemenangan lebar pita mengalahkan markah elemen picture tambahan.
Apa bedanya dengan pengubah daring biasa
Kebanyakan pengubah AVIF daring mengunggah PNG Anda ke mesin yang tidak Anda kendalikan, memprosesnya di sana, dan menyimpannya di bawah kebijakan retensi yang ditetapkan penyedia itu, yang sering kabur. RoundCut terus terang soal alurnya. Karena AVIF berat, konversi berjalan di server kami demi hasil terbaik, dengan encoder di peramban sebagai cadangan otomatis ketika server tidak tersedia. Saat berkas Anda dikirim ke kami, ia diubah lalu dihapus dalam sekitar 2 jam, tanpa akun dan tanpa pemakaian apa pun di luar konversi yang Anda minta. Tidak ada penyimpanan permanen dan tidak ada pembagian gambar Anda. Bagi yang bekerja dengan dokumen klien, fotografi produk sendiri, atau konten pengguna, versi jujur dari pertukaran ini adalah: berkas bisa melewati server kami, ditangani hanya untuk membuat AVIF Anda, dan tidak menetap di sana.
