Perbedaan JPG dan PNG secara singkat
| JPG (JPEG) | PNG | |
|---|---|---|
| Kompresi | Lossy – detail halus dibuang | Lossless – setiap piksel dipertahankan |
| Transparansi | Tidak | Ya, termasuk area semi-transparan |
| Ukuran file untuk foto | Kecil | Beberapa kali lebih besar |
| Ukuran file untuk tangkapan layar dan grafis | Sering lebih besar, dengan tepi buram | Kecil dan sangat tajam |
| Pengeditan berulang | Setiap kali disimpan, kualitas sedikit menurun | Tanpa penurunan |
| Paling cocok untuk | Foto dan hasil scan foto | Tangkapan layar, teks, logo, ikon, grafik |
Jawaban singkat: JPG untuk foto, PNG untuk semua yang memiliki tepi tajam, teks, atau transparansi.
Cara kerja kompresi JPEG
JPEG, yang distandarkan pada tahun 1992, dirancang berdasarkan cara mata manusia melihat. Format ini memisahkan kecerahan dari warna dan biasanya menyimpan warna dengan resolusi lebih rendah, karena mata kurang peka terhadap detail warna. Gambar kemudian dipotong menjadi blok 8 × 8 piksel, setiap blok diubah menjadi frekuensi (discrete cosine transform), dan detail paling halus dibulatkan – pengaturan kualitas menentukan seberapa banyak. Sisanya dikemas dengan Huffman coding.
Untuk foto, cara ini bekerja sangat baik: pada kualitas 85–90 %, JPG hanya sebagian kecil dari ukuran tanpa kompresi dan tampak sama. Namun, di sekitar tepi tajam dan teks, pembulatan ini terlihat sebagai kotak-kotak dan bayangan samar (halo), dan setiap kali JPG diedit lalu disimpan ulang, sedikit lagi detail yang hilang.
Cara kerja kompresi PNG
PNG dibuat pada tahun 1996 sebagai pengganti GIF yang bebas paten. PNG tidak pernah membuang apa pun: setiap baris piksel terlebih dahulu diproses dengan filter yang memprediksi piksel dari piksel di sekitarnya, lalu hasilnya dikompresi dengan DEFLATE – metode yang sama yang digunakan file ZIP. Area luas dengan satu warna, pola berulang, dan tepi yang bersih terkompresi sangat baik; detail acak pada foto hampir tidak terkompresi sama sekali.
PNG mendukung warna penuh hingga 16 bit per kanal, kanal alfa untuk transparansi yang halus, dan mode palet hingga 256 warna untuk grafis yang sangat kecil.
Kapan memakai JPG
- Foto dari kamera dan HP
- Hasil scan foto dan dokumen bergambar
- Foto di website, email, dan media sosial
- Setiap kali ukuran file yang kecil lebih penting daripada detail sempurna hingga ke piksel
Kualitas 80–90 % adalah titik ideal untuk sebagian besar keperluan.
Kapan memakai PNG
- Tangkapan layar, terutama yang berisi teks dan antarmuka pengguna
- Logo, ikon, dan grafis dengan warna datar
- Grafik, diagram, dan gambar garis
- Gambar yang membutuhkan latar belakang transparan
- Gambar yang akan diedit dan disimpan ulang beberapa kali
Bagaimana dengan WebP, AVIF, HEIC, dan GIF?
- WebP bisa lossy atau lossless dan mendukung transparansi; filenya biasanya jauh lebih kecil daripada JPG dan PNG, dan semua browser terbaru dapat menampilkannya – pilihan yang baik untuk website.
- AVIF mengompresi lebih baik lagi daripada WebP dan didukung oleh browser terbaru, tetapi belum didukung oleh banyak program lain.
- HEIC adalah format foto iPhone: efisien, tetapi tidak didukung oleh sebagian besar browser dan banyak program, sehingga sering diubah ke JPG.
- GIF terbatas pada 256 warna dan kini hanya berguna untuk animasi sederhana.
- SVG adalah format vektor – pilihan terbaik untuk logo dan ikon jika Anda memiliki file vektor aslinya.
Mengubah JPG ke PNG dan sebaliknya
PNG ke JPG membuat foto dan gambar besar menjadi jauh lebih kecil; area transparan diisi dengan warna latar. JPG ke PNG mencegah penurunan kualitas lebih lanjut saat Anda terus mengedit gambar, tetapi tidak dapat mengembalikan detail yang sudah dihapus oleh kompresi JPEG – filenya hanya menjadi lebih besar. Kedua konversi berjalan di browser Anda dengan konverter PNG ke JPG dan JPG ke PNG di situs ini, untuk banyak file sekaligus.
JPG, JPEG, atau JFIF?
Semuanya adalah format yang sama. JPEG adalah nama standarnya (dari Joint Photographic Experts Group); .jpg menjadi umum karena Windows versi awal hanya mengizinkan ekstensi tiga huruf; .jpeg dan .jfif adalah ekstensi lain untuk data gambar yang sama. Mengganti nama di antara ketiganya tidak mengubah apa pun pada gambar.
Pertanyaan yang sering diajukan
Apakah kualitas PNG lebih baik daripada JPG?
PNG bersifat lossless, jadi tidak pernah kehilangan detail. Namun untuk foto, JPG dengan kualitas 85–90 % terlihat sama dengan ukuran file yang jauh lebih kecil – jadi PNG tidak "lebih baik" untuk foto, hanya lebih besar.
Sebaiknya pakai JPG atau PNG untuk website saya?
Gunakan JPG (atau WebP) untuk foto dan PNG (atau WebP) untuk tangkapan layar, grafis, dan gambar dengan transparansi. Untuk logo dan ikon, SVG sering kali menjadi pilihan terbaik.
Apakah mengubah JPG ke PNG meningkatkan kualitas?
Tidak. PNG terlihat persis sama dengan JPG – konversi ini hanya mencegah penurunan kualitas tambahan saat Anda mengedit gambar lebih lanjut.
Terakhir diperbarui: