Nota daripada pasukan tentang kraf, format, dan keputusan kecil di sebalik potongan bulat yang baik.
Bagaimana WebP mencapai saiz lebih kecil daripada PNG
WebP berjalan dalam dua mod yang terpisah. Mod losslessnya menggandingkan ramalan ruang dan warna dengan satu peringkat entropi yang mengatasi DEFLATE PNG, mendarat pada pemampatan kira-kira 26 peratus lebih baik pada imej biasa menurut angka yang diterbitkan Google. Mod lossynya meminjam satu transformasi berasaskan blok daripada kerja video, dibina untuk menggugurkan perincian yang nyaris tidak disedari mata sambil memegang apa yang ia benar-benar lihat. Apabila sebuah imej membawa alfa, WebP memampatkan alfa itu secara lossless atas trek tersendiri sementara menangani data RGB secara lossy, itulah caranya WebP lossy berserta ketelusan boleh datang hampir satu pertiga saiz sebuah PNG pada kualiti pandangan yang sepadan. DEFLATE PNG hanya tahu lossless dan tidak pernah boleh mengena tawar-menawar persepsi yang dieksploitasi oleh trek lossy. Pemisahan struktur itulah seluruh sebab bagi jurang saiz ini.
Saluran alfa secara terperinci
Dua-dua sisi, baik PNG mahupun WebP, sanggup mengeja satu nilai kelegapan bagi setiap titik, terbentang dari sifar yang bererti lenyap sepenuhnya naik hingga dua ratus lima puluh lima yang bererti padat sepenuhnya. Tatkala enjin imej platform mengacu semula sebuah PNG menjadi WebP, ia mengintai keempat-empat kanal RGBA setiap titik lalu menyeludukkan nilai kelegapan itu secara berasingan ke dalam relau mampatan WebP, di situ nilai tadi dipeluk tanpa luak walau bagaimanapun tiga kanal warna yang lain dikendalikan. Justeru sebutir titik lenyap pada sifar, sebutir titik separuh hadir di mana-mana antara satu dan dua ratus lima puluh empat, serta sebutir titik padat pada dua ratus lima puluh lima, masing-masing jatuh tepat ke keadaan asalnya apabila menjelma WebP. Pada sebuah logo berbayang lembut atau berhuruf bertepi licin di atas latar lenyap, kehalusan tepi yang seni itu meluncur menyeberang dengan utuh. JPG terpaksa angkat tangan dalam permainan ini, kerana bekasnya tiada satu petak pun untuk nilai kelegapan dan terpaksa menempelkan imej pada satu warna latar sebelum ia menggores apa-apa.
Core Web Vitals dan pilihan format imej
Largest Contentful Paint menjam masa berapa lama elemen kelihatan terbesar pada satu halaman mengambil masa untuk muncul dalam port pandangan, dan pada kebanyakan halaman kandungan elemen itu ialah imej hero. Google melipat LCP ke dalam isyarat kedudukan Core Web Vitalsnya, dan PNG ialah pesalah berulang pada LCP semata-mata kerana berat, di mana sebuah PNG fotografik pada 4K boleh berlari beberapa megabait sementara imej yang sama sebagai WebP hampir lossless hanyalah sepecahan. PageSpeed Insights menyebut hal ini terus di bawah item format generasi baharunya dan menuding pada PNG sebagai format untuk ditukar keluar. Menjadikan PNG yang duduk pada laluan render kritikal sesebuah halaman sebagai WebP ialah antara langkah tunggal paling tinggi pulangannya untuk kelajuan yang diukur. Garis masa menjadikannya selamat, dengan WebP dalam Chrome sejak 2011, Firefox sejak 2019, Safari sejak 2020, dan Edge semenjak pembinaan semula Chromiumnya.
Output lossy dan tetapan hampir lossless
WebP membentangkan satu tombol kualiti dari 0 hingga 100, di mana angka yang lebih tinggi memegang lebih banyak perincian dan memakan lebih banyak bait. Araluma memaku tombol itu pada satu titik hampir lossless, dipilih untuk mengimbangi kesetiaan terhadap saiz merentas kategori web lazim iaitu foto, grafik antara muka, dan ikon. Pada titik ini, output terbaca tidak boleh dibezakan daripada PNG sumber pada jarak pandangan skrin biasa. Secara ketat, sedikit kejituan peringkat bit tergelincir terhadap satu pengekodan lossless yang sebenar, jadi satu semakan bait demi bait antara WebP yang dinyahkod dengan PNG asal akan menimbulkan celah angka yang halus, semuanya duduk di bawah ambang penglihatan manusia pada bahan fotografik. Untuk imbasan perubatan, fotografi satelit, atau pemeliharaan digital arkib di mana lossless ialah satu peraturan tegar, langkah yang betul ialah menyimpan PNG dan melayan WebP semata-mata sebagai eksport penghantaran dan bukan satu salinan kerja.
Kelakuan metadata
Menjadikan sebuah PNG sebagai WebP menyapu medan EXIF, IPTC dan XMP keluar dari output, sesuatu yang setiap satu daripada tiga enjin pelayar utama lakukan. Profil warna pula tempat enjin-enjin itu berpisah jalan. Chrome dan Safari mengekalkan tag sRGB menunggang pada WebP, sementara Firefox menyapu seluruh longgok, profil ICC dan segalanya. Maka WebP itu terbaca selamat sRGB di mana-mana, namun mana-mana tag gamut luas yang duduk pada PNG sumber, Display-P3, Adobe RGB, ProPhoto RGB, tidak bertahan menerusi Firefox. Celah itu menggigit dalam kerja profesional yang kritikal warna, jadi apabila kesetiaan warna sebenar mesti menyertai, pilih satu penukar yang menulis data ICC secara sengaja, atau tekan tag profil itu kembali kemudiannya menggunakan satu penyunting metadata yang dibina khusus untuk tugas itu.
Bila mengekalkan PNG dan bila WebP memadai
Keputusan ini ringkas lagi laju. Sekiranya labuhan terakhir imej menghala ke sehelai laman web atau sebuah aplikasi sesawang dan penatapnya mana-mana pelayar dari tahun 2020 mendatang, WebP itulah eksport yang kena. Sekiranya ia mesti dibentang dalam perisian reka bentuk semacam Figma, Sketch, atau Affinity Designer, intai dahulu sokongan WebP pada versi tepat yang anda pegang, sebab ia berbolak-balik. Sekiranya ia menuju mesin cetak, sandar pada PNG atau TIFF, kerana kebanyakan pemeta cetakan langsung membuta tuli terhadap WebP. Sekiranya ia keluar lewat e-mel, PNG taruhan yang lebih kalis, mengingatkan betapa berubah-ubah perangai klien e-mel terhadap format zaman ini. Dan sekiranya ia sebuah fail kerja yang bakal anda sunting lalu simpan berkali-kali, tambat PNG sebagai induk. WebP pada mutu nyaris penuh ialah satu format hantaran yang gemilang, manakala PNG kekal yang lebih elok untuk simpanan arkib dan kerja menyunting. Aliran yang teratur menggenggam PNG sebagai asal dan menghantar WebP keluar ke sesawang.
