PNG vs JPG vs WebP: Format Gambar Mana yang Harus Anda Gunakan?

Gunakan JPG untuk fotografi, PNG saat Anda membutuhkan transparansi atau teks dan garis yang tajam, dan WebP saat Anda menginginkan file yang lebih kecil dan audiens Anda menggunakan browser modern. Hampir setiap keputusan nyata bermuara pada dua pertanyaan: apakah gambar memiliki latar belakang transparan, dan apakah itu foto atau grafik?

JPG (juga ditulis JPEG) menggunakan kompresi lossy. Format ini membuang data gambar yang tidak akan terlihat oleh mata Anda, sehingga ukuran file foto menjadi jauh lebih kecil dibandingkan jika disimpan sebagai piksel mentah. Untuk foto pantai atau potret dengan gradasi halus dan ribuan warna, ini adalah pilihan yang tepat, dan penurunan kualitasnya biasanya tidak terlihat.

JPG memiliki dua kelemahan nyata. Pertama, ia tidak memiliki saluran alfa, jadi setiap piksel tidak tembus cahaya dan tidak ada transparansi. Kedua, ia menangani tepi tajam dengan buruk: letakkan teks hitam atau garis keras di atas latar belakang polos dan JPG menambahkan halo yang kabur dan berbentuk blok di sekitar tepi, yang disebut artefak kompresi. Itulah mengapa tangkapan layar dokumen yang disimpan sebagai JPG terlihat buram sementara tangkapan layar yang sama sebagai PNG tetap sangat tajam.

PNG menggunakan kompresi lossless. Format ini mengurangi ukuran file tanpa menghilangkan data piksel, sehingga apa yang dimasukkan akan keluar persis sama. Hal ini menjadikannya sempurna untuk logo, ikon, tangkapan layar, diagram, dan apa pun yang berisi teks atau tepi tajam, tanpa artefak buram yang dihasilkan JPG.

Fitur utama PNG adalah saluran alfa penuh: piksel dapat sepenuhnya transparan, sepenuhnya tidak tembus cahaya, atau apa pun di antaranya. Itulah cara logo tampil rapi di atas warna latar belakang apa pun. Imbalannya adalah ukuran. Untuk foto berwarna penuh, PNG seringkali beberapa kali lebih besar dari JPG yang setara, karena kompresi tanpa kehilangan tidak dapat mengecilkan foto yang berisik sebanyak itu. Gunakan PNG saat Anda membutuhkan transparansi atau tepi yang sempurna, bukan untuk foto liburan.

WebP adalah format baru dari Google yang mendukung mode lossy (seperti JPG) dan transparansi (seperti PNG), biasanya dengan ukuran file yang lebih kecil daripada keduanya. Foto WebP biasanya jauh lebih kecil daripada JPG dengan kualitas yang sama, dan grafik WebP dengan transparansi biasanya lebih kecil daripada PNG. Itulah sebabnya banyak situs web kini menyajikan WebP.

Tantangannya adalah kompatibilitas. WebP didukung di semua browser utama saat ini, tetapi browser sangat lama, beberapa aplikasi desktop lama, klien email, dan editor gambar masih mengalami masalah dengannya. Jika Anda menerbitkan ke situs web modern, WebP adalah pilihan default yang bagus. Jika Anda mengirim file via email ke klien atau menyerahkannya kepada seseorang yang menggunakan perangkat lunak yang tidak diketahui, JPG atau PNG adalah pilihan yang lebih aman. Ada juga AVIF, format yang lebih baru yang menawarkan kompresi lebih baik, namun dukungan pengkodeannya masih tidak konsisten, jadi perlakukan sebagai opsi tambahan daripada default.

Jebakan pertama: mengonversi PNG ke JPG menghancurkan transparansi. JPG tidak memiliki channel alpha, jadi setiap piksel transparan harus menjadi sesuatu yang tidak tembus cahaya. Alat mengisi area transparan tersebut dengan warna solid, dan putih adalah pilihan yang biasa. Konverter FileTinker melakukan hal ini: saat Anda mengonversi ke JPG (atau ke GIF atau BMP), area transparan akan diratakan ke latar belakang putih. Jika logo Anda memiliki sudut transparan, logo tersebut akan keluar berwarna putih. Ini bukan bug, ini tidak terhindarkan dengan JPG. Untuk menjaga transparansi, konversi ke PNG atau WebP sebagai gantinya.

Jebakan dua: menyimpan ulang JPG berulang kali menurunkan kualitasnya. Karena JPG bersifat lossy, setiap penyimpanan membuang sedikit lebih banyak data. Buka JPG, lakukan sedikit penyuntingan, simpan sebagai JPG, dan ulangi beberapa kali, maka Anda akan melihat penurunan generasi yang terlihat, efek salinan-dari-salinan. Warna menjadi lebih buram dan artefak menumpuk. Hal yang sama berlaku untuk WebP lossy. Solusinya adalah menyimpan salinan utama Anda dalam format lossless (PNG, atau file asli dari kamera) dan ekspor ke JPG atau WebP hanya sekali, di akhir.

Alat Konverter Gambar dan Kompres Gambar FileTinker berjalan sepenuhnya di browser, sehingga tidak ada file yang diunggah, namun penting untuk memahami apa yang dilakukan alat-alat ini terhadap piksel Anda agar Anda tidak terkejut.

Konverter mendekode gambar Anda, menggambarkannya ke canvas, lalu mengenkodnya kembali dalam format target. Output PNG bersifat lossless, sehingga konversi ke PNG mempertahankan setiap piksel secara persis. Namun, output JPG, WebP, dan AVIF dienkode pada kualitas tetap sekitar 0.92, yang bersifat lossy. Artinya, mengonversi foto ke JPG atau WebP adalah proses re-encode, bukan salinan sempurna, dan menyimpan ulang berulang kali tetap mengakumulasi kehilangan kualitas. Ini normal untuk format tersebut, dan 0.92 adalah pengaturan berkualitas tinggi, namun bukan keajaiban: tidak ada konversi lossless JPG atau lossless WebP di sini. AVIF hanya ditawarkan jika browser Anda dapat mengenkodnya (Chrome dan Edge saat ini, bukan Firefox), sehingga muncul sebagai opsi daripada jaminan.

Alat Compress Image mempertahankan format sumber Anda saat browser dapat melakukan re-encoding (JPG, PNG, atau WebP) dan beralih ke JPG untuk format lainnya. Alat ini juga menolak mengembalikan file yang tidak lebih kecil: jika re-encoding tidak dapat mengalahkan ukuran byte asli, file asli Anda tetap utuh daripada mengembalikan file yang lebih besar seolah-olah lebih kecil.

Saat Anda melihat dialog Simpan Sebagai, jalankan ini secara berurutan: