PNG vs JPG vs WebP

Versi satu kalimat

Gunakan JPG untuk foto, PNG untuk apa pun dengan tepi tajam, teks, atau transparansi, dan WebP bila tujuannya halaman web dan Anda mengendalikan apa yang membukanya. Jika Anda tidak ingat yang lain, aturan itu akan benar di sebagian besar kasus.

Mengapa JPG masih ada di mana-mana

JPG dirancang pada 1992 berdasarkan satu wawasan khusus: mata manusia jauh lebih peka terhadap kecerahan daripada warna, dan nyaris tidak memperhatikan detail halus di area yang ramai. JPG membuang informasi yang paling kecil kemungkinannya Anda rindukan, itulah sebabnya foto bisa menyusut hingga sepersepuluh ukurannya dan tetap tampak identik.

Trik yang sama itulah yang membuat JPG buruk untuk hal lainnya. Teks hitam tajam di atas putih berada tepat di batas yang paling buruk ditangani format ini, itulah sebabnya tangkapan layar yang disimpan sebagai JPG memunculkan lingkaran kusam di sekitar setiap huruf. Kompresinya tidak rusak — ia melakukan persis apa yang dirancang untuk dilakukan, pada konten yang tidak pernah dirancang untuknya.

Mengapa PNG ada

PNG bersifat lossless. Setiap piksel yang Anda masukkan keluar kembali, bit demi bit, tidak peduli berapa kali Anda membuka dan menyimpannya ulang. PNG juga punya kanal alfa yang sebenarnya, sehingga bagian gambar bisa benar-benar transparan, bukan diisi warna latar.

Harganya adalah ukuran. PNG memampatkan dengan menemukan pola dan pengulangan, yang bekerja sangat baik pada warna datar, logo, diagram, dan tangkapan layar, dan buruk pada foto, di mana setiap piksel sedikit berbeda dari tetangganya. Foto yang disimpan sebagai PNG bisa dengan mudah lima kali ukuran JPG tanpa keuntungan yang terlihat.

Di mana WebP benar-benar unggul

WebP melakukan kedua pekerjaan. Ia punya mode lossy yang umumnya mengalahkan JPG pada kualitas visual yang sama, dan mode lossless dengan transparansi yang umumnya mengalahkan PNG. Penghematan umum dibandingkan PNG berkisar antara 30% dan 70%.

Kendalanya bukan browser — setiap browser saat ini membaca WebP. Kendalanya adalah segala hal lain: perangkat lunak desktop lama, sebagian printer, sebagian sistem dokumen korporat, dan deretan panjang alat yang akan menolak membuka file tersebut. Jika Anda menerbitkan ke web, gunakan WebP. Jika Anda mengirim file ke seseorang yang akan membukanya dengan sesuatu yang tidak diketahui, jangan.

Jebakan yang hampir semua orang alami

Mengonversi JPG ke PNG tidak memulihkan kualitas. Itu membuat file lossless mulai dari titik itu, yang menghentikan kerusakan lebih lanjut — tetapi detail yang dibuang JPG asli hilang selamanya, dan PNG dengan setia mempertahankan setiap artefak kompresi bersamanya. Anda berakhir dengan file yang jauh lebih besar berisi kekurangan yang persis sama.

Akibat wajarnya adalah bagian yang berguna: jika Anda akan mengedit gambar berulang kali, bekerjalah dalam PNG dan ekspor ke JPG sekali saja di akhir. Setiap penyimpanan perantara dalam format lossy memperparah kerusakan.

Apa yang terjadi pada transparansi

Hanya PNG, WebP, GIF, dan ICO yang membawa transparansi. Konversi salah satunya ke JPG atau BMP dan area itu harus menjadi sesuatu, karena formatnya tidak punya tempat untuk mencatat "tidak ada apa-apa di sini". Alat berbeda dalam pilihannya; cukup banyak yang memilih hitam, yang merusak logo. Situs ini sengaja mengisinya dengan putih, yang hampir selalu diharapkan orang.

Untuk mempraktikkannya: konversi PNG ke WebP untuk gambar web yang lebih ringan, konversi JPG ke PNG bila Anda butuh salinan lossless, atau kompres gambar tanpa mengubah formatnya.