PNG vs JPG vs WebP vs AVIF: Format Gambar Mana yang Sebenarnya Harus Anda Pakai?
Perbandingan praktis PNG, JPG, WebP, dan AVIF — apa yang benar-benar dikuasai tiap format, apa biayanya bagi Anda, dan cara memilih dalam waktu kurang dari sepuluh detik.
Diperbarui 11 Agustus 2026Baca 5 menit
Memilih format gambar biasanya keputusan tiga puluh detik yang orang habiskan entah nol detik atau tiga puluh menit. Versi singkatnya: foto ke JPG atau WebP, grafis berwarna datar dan bertepi tajam ke PNG atau WebP, apa pun yang butuh transparansi langsung menyingkirkan JPG, dan AVIF menang soal ukuran ketika Anda sanggup menerima pengodean yang sedikit lebih lambat. Sisa panduan ini menjelaskan mengapa, dan di mana tiap aturan itu patah.
Satu pembedaan yang menentukan sebagian besar kasus
Setiap format di sini masuk salah satu dari dua kubu. Format bersusut (JPG, dan WebP/AVIF dalam mode biasanya) membuang detail yang kemungkinan tak diperhatikan mata, dan memperoleh penghematan ukuran yang besar sebagai gantinya. Format nirsusut (PNG, dan WebP/AVIF dalam mode nirsusut) mereproduksi setiap piksel secara persis, dan membayarnya dengan ukuran berkas.
Ini memetakan rapi ke jenis konten. Foto penuh variasi nada yang berangsur, jadi membuang sebagian tak terlihat. Tangkapan layar, logo, dan diagram penuh tepi tajam, dan kompresi bersusut membuat tepi tajam menjadi kabur dengan cara yang seketika kentara. Itulah seluruh aturannya: konten halus menginginkan bersusut, konten tajam menginginkan nirsusut.
Empat format dibandingkan
| Format | Paling cocok untuk | Transparansi | Ukuran lazim vs JPG |
|---|---|---|---|
| JPG | Foto, apa pun yang bergradasi | Tidak | Patokan |
| PNG | Tangkapan layar, logo, gambar garis, mockup antarmuka | Ya | 3–10× lebih besar pada foto |
| WebP | Hampir semua hal di web | Ya | 25–35% lebih kecil |
| AVIF | Foto yang setiap kilobitanya berarti | Ya | 40–55% lebih kecil |
Angka-angka itu untuk konten fotografis pada kualitas setara. Pada grafis datar urutannya terbalik: PNG dari logo sederhana mengalahkan JPG-nya telak, sebab deretan piksel identik terkompresi hampir menjadi nol sementara JPG membelanjakan bit untuk mengarang artefak di sekitar tepinya.
JPG: masih pilihan baku yang aman
JPG berusia lebih dari tiga puluh tahun dan masih format gambar paling diterima secara universal yang ada. Setiap peramban, setiap ponsel, setiap layanan cetak, setiap portal unggah, dan setiap sistem korporat purba menerimanya. Jika kompatibilitas lebih penting daripada 30% ukuran terakhir — dan untuk unggahan memang begitu — JPG jawabannya.
Kelemahannya layak diketahui. Ia tak punya transparansi, jadi logo yang disimpan sebagai JPG mendapat kotak putih di sekelilingnya. Ia mengompres ulang secara merusak, jadi penyuntingan dan penyimpanan berulang menurunkannya tiap kali. Dan ia menangani teks tajam dengan buruk, itulah sebabnya tangkapan layar editor kode berformat JPG terlihat melumer sementara versi PNG-nya tajam.
PNG: untuk tepi, bukan untuk foto
Kekuatan super PNG adalah kepersisan plus kanal alfa. Pakai ia di mana pun sebuah piksel harus tetap menjadi piksel yang Anda gambar: logo di atas latar berwarna, tangkapan layar antarmuka, bagan, ikon, dan gambar apa pun yang akan Anda sunting lagi kemudian, sebab menyimpannya ulang tidak berbiaya.
Kesalahan klasiknya adalah menyimpan foto ponsel sebagai PNG. Berkasnya menggelembung — sering lima atau sepuluh kali ukuran JPG-nya — demi perbedaan kualitas yang tak bisa dilihat siapa pun. Jika Anda mewarisi satu folder foto PNG yang kelewat besar, menjalankannya melalui konverter PNG ke JPG — satu per satu di paket gratis, satu folder sekaligus dengan Pro — biasanya kemenangan penyimpanan terbesar yang tersedia. Jika Anda harus mempertahankannya sebagai PNG demi transparansi, kompresor PNG mengurangi paletnya dan mengikis metadatanya tanpa mengganti format.
WebP: pilihan baku modern yang masuk akal
WebP mengerjakan kedua tugasnya. Ia punya mode bersusut yang mengalahkan JPG sekitar sepertiga pada kualitas setara, mode nirsusut yang mengalahkan PNG sekitar seperempat, dukungan transparansi, dan dukungan animasi. Dukungan peramban sudah universal sejak 2020, yang menghapus satu-satunya keberatan historis yang nyata.
Untuk sebuah situs web, mengubah pustaka gambar Anda ke WebP adalah salah satu kemenangan performa termurah yang tersedia — sepertiga terpangkas dari setiap gambar, tanpa perubahan yang terlihat. Peringatannya di luar peramban: sebagian perangkat lunak desktop, percetakan, dan formulir unggah masih menolaknya. Karena itu "WebP untuk web, JPG untuk unggahan", bukan "WebP untuk segalanya".
AVIF: penghematan terbesar, dengan satu catatan
AVIF mengompres lebih keras daripada apa pun yang lazim dipakai — umumnya 40–55% di bawah JPG — dan ia bertahan luar biasa baik pada bitrate sangat rendah, di mana JPG menjadi berkotak sementara AVIF sekadar melembek. Ia juga mendukung transparansi, gamut warna luas, dan HDR.
Catatannya adalah biaya pengodean dan kematangan ekosistem: AVIF butuh waktu pengodean yang jelas lebih lama daripada WebP, dan dukungannya di luar peramban masih timpang. Pakai ia di tempat lebar pita benar-benar berarti dan Anda mengendalikan pengirimannya — dan tetaplah pada WebP atau JPG untuk apa pun yang harus melewati perangkat lunak orang lain.
Pohon keputusan sepuluh detik
- 1Apakah ia butuh transparansi? Jika ya, pilihannya PNG, WebP, atau AVIF. JPG tersingkir.
- 2Apakah ia sebuah foto? Jika ya, JPG demi kompatibilitas, WebP untuk web, AVIF bila ukuran sangat kritis.
- 3Apakah ia tangkapan layar, logo, bagan, atau gambar garis? PNG untuk ketajaman yang terjamin, atau WebP nirsusut untuk ketajaman yang sama pada ukuran lebih kecil.
- 4Apakah ia akan masuk ke formulir unggah? JPG, kecuali formulirnya menyebut format lain.
- 5Apakah ia beranimasi? WebP demi kualitas dan ukuran, GIF hanya bila tujuannya menuntut.
Pilih pasangan format Anda — JPG, PNG, WebP, AVIF, GIF, atau BMP — dan konversikan di perangkat Anda sendiri. Berkas tidak pernah diunggah.
Konversi gambarBagaimana dengan HEIC, TIFF, dan SVG?
HEIC adalah yang direkam iPhone modern secara baku. Ia mengompres lebih baik daripada JPG tetapi dukungannya buruk di luar ekosistem Apple, itulah sebabnya begitu banyak orang membutuhkan konverter HEIC ke JPG sebelum bisa mengirim foto lewat email ke pengguna Windows. TIFF adalah format cetak dan arsip — berkas raksasa, kesetiaan sangat baik, tak punya tempat di halaman web. SVG sama sekali tidak masuk perbandingan ini karena ia bukan format piksel: ia menjelaskan bentuk secara matematis, jadi ia pilihan tepat untuk logo dan ikon kapan pun Anda punya sumber vektornya.
Jika Anda tak yakin sebenarnya punya apa — berkas bernama .jpg tidak selalu berupa JPG — penganalisis gambar membaca format sejatinya, dimensi, dan metadata langsung dari berkasnya.
Pertanyaan umum
Apakah WebP lebih baik daripada JPG?
Untuk pengantaran web, ya — WebP menghasilkan berkas sekitar 25–35% lebih kecil pada kualitas setara dan menambahkan dukungan transparansi. Untuk unggahan ke formulir, layanan cetak, atau perangkat lunak lawas, JPG tetap lebih aman karena ia diterima di mana-mana.
Apakah mengubah PNG ke JPG menurunkan kualitas?
Ya, sedikit, karena JPG bersifat bersusut. Pada foto kehilangannya tak terlihat dan penghematan ukurannya besar. Pada tangkapan layar dan logo kehilangannya sangat kentara — tepi tajam mendapat halo kabur — jadi simpan itu sebagai PNG atau ubah ke WebP nirsusut saja.
Haruskah saya memakai AVIF di situs web saya pada 2026?
Ia pilihan bagus untuk halaman padat foto tempat lebar pita berarti, sebab ia biasanya menyetengahkan ukuran berkas JPG. Sajikan dengan cadangan WebP atau JPG untuk sebagian kecil klien non-peramban yang masih belum bisa menguraikannya.
Format mana yang terbaik untuk pencetakan?
Gunakan aslinya yang berkualitas tertinggi yang Anda punya — idealnya TIFF atau JPG kualitas maksimum pada resolusi penuh. Jangan pernah mengirim WebP atau berkas yang terkompresi berat ke percetakan; artefak kompresi yang tak terlihat di layar menjadi kentara pada ukuran cetak.