Selisih yang terukur
Google, yang mengembangkan formatnya, mempublikasikan angkanya: gambar WebP lossless 26% lebih kecil daripada PNG, dan gambar WebP lossy 25 hingga 34% lebih kecil daripada JPEG sebanding pada kualitas setara. Itu rata-rata atas sebuah set uji, bukan janji tentang file Anda secara khusus, tetapi angka itu menetapkan harapan dengan benar.
Berdampingan
| Properti | PNG | WebP |
|---|---|---|
| Mode kompresi | Hanya lossless | Lossless dan lossy |
| Ukuran lossless khas | Acuan dasar | Sekitar 26% lebih kecil |
| Transparansi | Ya | Ya, di kedua mode |
| Biaya transparansi | Sudah termasuk | Sekitar 22% byte tambahan dalam mode lossless |
| Animasi | APNG, dukungan tidak merata | Ya, didukung luas |
| Terbuka di browser terkini | Di mana saja | Di mana saja |
| Terbuka di perangkat lunak lama | Di mana saja | Kadang tidak |
Angka ukuran dan transparansi berasal dari dokumentasi WebP Google, yang juga menyatakan bahwa WebP lossy yang bertransparansi biasanya tiga kali lebih kecil daripada PNG setara.
Di mana WebP unggul
- Gambar di halaman milik Anda Setiap browser terkini menampilkan WebP. Memangkas seperempat bobot gambar Anda adalah keuntungan kecepatan yang nyata pada koneksi seluler.
- Grafik transparan dengan isi fotografis Logo di atas latar belakang fotografis adalah tempat WebP lossy beralfa paling jauh mengungguli PNG.
- Tangkapan layar besar dan tangkapan antarmuka Warna rata dan teks tajam terkompres dengan baik dalam WebP lossless, jadi Anda mempertahankan piksel persis dan membuang bobotnya.
- Di mana pun bandwidth menjadi kendala Buletin email, situs dokumentasi, dan katalog yang padat gambar.
Di mana PNG masih tepat
Pertahankan PNG sebagai salinan master. Konversikan salinan kiriman. Satu aturan itu mencakup sebagian besar kasus di bawah ini.
- File yang akan Anda sunting lagi Bolak-balik melewati format lossy menurunkan kualitas gambar sedikit demi sedikit setiap kali. Master lossless menghindari persoalan itu sepenuhnya.
- Alur kerja cetak dan desain Banyak perangkat lunak tata letak dan pracetak masih mengharapkan PNG atau TIFF. Menyerahkan WebP ke percetakan mengundang email yang tidak Anda inginkan.
- Apa pun yang dibuka sistem lama Alat internal warisan, penampil dokumen lama, dan sebagian formulir unggahan menolak WebP mentah-mentah.
- File yang Anda kirim ke orang lain Rekan kerja dengan mesin lama mungkin tidak bisa membukanya dengan klik ganda. Itulah alasan utama konverter WebP ke PNG dipakai.
WebP lossless atau lossy
WebP adalah dua format yang memakai satu ekstensi file. Mode lossless mempertahankan setiap piksel dengan persis. Mode lossy membuang detail yang menurut encoder tidak akan Anda sadari, dan filenya menjadi jauh lebih kecil.
Pilih lossless untuk logo, diagram, tangkapan layar, dan apa pun yang bertepi tegas atau berteks. Pilih lossy untuk foto dan untuk latar belakang yang tidak akan diperbesar siapa pun. Teks pada pengaturan lossy mendapat halo lembut di sekeliling hurufnya, dan itulah artefak yang paling dulu orang sadari.
Konverter Vaultaire menyediakan keduanya. Dalam mode lossless, alat itu membaca kembali file barunya dan memblokir unduhan kecuali keluarannya benar-benar gambar VP8L lossless yang pikselnya cocok. Nilai alfa harus cocok persis, dengan toleransi paling banyak 2 per kanal 8-bit hasil premultiplikasi untuk warna yang transparan sebagian, karena encoder bawaan browser membulatkan nilai itu.
Apa yang dilakukan konversi terhadap metadata
Mengonversi juga cara untuk membuang apa yang melekat pada file. Konverter ini tidak menyalin rekaman EXIF, ICC, teks, waktu, atau C2PA sumber ke dalam WebP baru, lalu memindai file yang sudah jadi dengan pengurai independen dan membiarkan unduhan tetap terkunci jika ada rekaman yang muncul.
Itu penting ketika PNG-nya berasal dari tangkapan layar ponsel, ekspor kamera, atau generator gambar. Jika Anda ingin melihat apa yang melekat sebelum memutuskan, pemeriksa metadata mendaftarnya. Semuanya berjalan di worker browser, dan filenya tidak pernah diunggah.
Batas praktis konverter ini: satu PNG diam, hingga 20 MB, 4,096 piksel pada setiap sisi, dan total 16,000,000 piksel. PNG beranimasi ditolak sebelum didekode, bukan diam-diam diekspor sebagai frame pertamanya.
Tanya jawab PNG dan WebP
Apakah WebP lebih baik daripada PNG?
Untuk gambar yang ditampilkan di web, biasanya ya. Google mengukur WebP lossless 26% lebih kecil daripada PNG. PNG tetap lebih baik ketika sebuah alat, percetakan, atau rekan kerja butuh format yang sudah didukung semuanya selama puluhan tahun.
Apakah WebP mendukung transparansi?
Ya, di kedua mode. Google menaksir alfa pada WebP lossless sekitar 22% byte tambahan, dan menyatakan WebP lossy yang bertransparansi biasanya tiga kali lebih kecil daripada PNG setara.
Apakah mengubah PNG ke WebP menurunkan kualitas?
Tidak dalam mode lossless, yang mempertahankan setiap piksel. Mode lossy mengubah piksel dengan sengaja. Konverter ini membaca kembali file yang sudah jadi dan memblokir unduhan kecuali konversi lossless menghasilkan gambar VP8L lossless yang sungguhan.
Kapan saya harus mempertahankan PNG?
Untuk master yang akan Anda sunting lagi, untuk perangkat lunak cetak dan desain yang mengharapkannya, untuk apa pun yang harus dibuka sistem lama, dan untuk tangkapan layar yang diarsipkan. Konversikan salinan kiriman, jangan menggantikan aslinya.
Apakah WebP buruk untuk SEO?
Tidak. Gambar yang lebih kecil termuat lebih cepat dan kecepatan halaman berpengaruh pada peringkat. Sajikan format yang diterima browser pengunjung dan pertahankan teks alt serta penamaan file Anda seperti semula.
Bisakah saya mengubahnya kembali ke PNG nanti?
Ya, dan pengodean PNG-nya lossless dari piksel yang dirender. Pengodean itu tidak bisa membatalkan proses lossy sebelumnya, jadi WebP lossy yang diubah kembali ke PNG adalah file besar yang berisi piksel yang sudah menurun kualitasnya.