Toolyard

PNG, JPG, atau WebP: format gambar mana yang dipakai?

Ringkasnya

FormatPaling cocok untuk
JPGFoto untuk dibagikan atau diunggah di mana saja
PNGTangkapan layar, logo, teks, dan apa pun yang transparan
WebPGambar di situs web: lebih kecil dari keduanya, dengan transparansi
AVIFGambar web terkecil, jika dukungan tidak jadi masalah
HEICMenyimpan foto di perangkat Apple
GIFAnimasi pendek dan sederhana

JPG

JPG mengompres foto dengan sangat baik dengan membuang detail yang hampir tidak terlihat. JPG tidak mendukung transparansi, dan menyimpan berulang kali perlahan menurunkan kualitas. Semua perangkat dan situs menerimanya.

PNG

PNG bersifat lossless: setiap piksel tersimpan persis, dan transparansi didukung. Ideal untuk tangkapan layar dan grafik bertepi tegas, tetapi foto dalam PNG beberapa kali lebih besar daripada JPG. Kompres PNG memperkecil grafik secara drastis dengan mengurangi warnanya.

WebP

WebP dari Google biasanya 25–35% lebih kecil daripada JPG pada kualitas yang sama, dan mendukung transparansi serta animasi. Semua browser terbaru menampilkannya, tetapi sebagian aplikasi lama dan formulir unggahan menolaknya; WebP ke JPG mengatasinya.

AVIF

AVIF lebih baru dan bahkan lebih kecil. Versi terbaru Chrome, Edge, Firefox, dan Safari bisa membukanya, tetapi banyak program lain belum.

HEIC

HEIC adalah format yang dipakai iPhone untuk menyimpan foto. Ukurannya sekitar setengah JPG, tetapi Windows dan banyak situs tidak bisa membukanya tanpa bantuan; HEIC ke JPG mengubahnya.

GIF

GIF terbatas pada 256 warna, jadi lebih cocok untuk animasi sederhana daripada foto. Untuk klip video, Video ke GIF memilih 256 warna terbaik untuk setiap klip.

Gambar yang sama dalam tiap format

Ukuran khas untuk gambar 1200 × 800 piksel, yang berbeda-beda menurut isinya:

FormatSebuah fotoTangkapan layar berisi teks
PNG2 MB90 KB
JPG, kualitas 80180 KB250 KB, dengan tepi kotor
WebP, kualitas 80120 KB60 KB

Foto punya gradasi halus yang dikompres baik oleh JPG dan WebP. Tangkapan layar punya tepi tajam dan sedikit warna, yang disimpan persis oleh PNG dan dikaburkan oleh JPG.

Kesalahan umum

  • Menyimpan foto sebagai PNG. Berkasnya sepuluh kali lebih besar tanpa keuntungan yang terlihat. Simpan PNG untuk grafis dan latar tembus pandang.
  • Menyimpan ulang JPG berkali-kali. Setiap penyimpanan kehilangan sedikit lagi. Simpan berkas aslinya, sunting dari situ, dan ekspor JPG baru setiap kali.
  • Mengira latar tembus pandang bertahan di JPG. JPG tidak punya transparansi; bagian tembus pandang menjadi hitam atau putih. Pakai PNG atau WebP.
  • Mengunggah WebP atau HEIC ke formulir. Banyak formulir hanya menerima JPG atau PNG. Konversikan dulu, jangan hanya mengganti nama berkasnya, karena akhiran nama tidak mengubah isinya.

Alat dalam panduan ini

Panduan lainnya