JPG, PNG, atau WebP: format gambar mana yang sebaiknya dipakai?
Tiga format mencakup hampir semua gambar yang akan kamu unggah, dan ketiganya tidak bisa saling menggantikan begitu saja. Salah pilih, dan kamu akan mendapat file tiga kali lebih besar dari seharusnya, kotak putih jelek di belakang logo, atau formulir yang langsung menolak file. Inilah cara memilih dalam sekitar sepuluh detik.
Oleh tim CrispPic3 mnt baca
Jawaban singkat
- Foto: JPG — atau WebP jika kamu tahu tujuannya menerimanya.
- Tangkapan layar, logo, teks, dan diagram: PNG — atau WebP.
- Apa pun dengan latar transparan: PNG atau WebP. Jangan pernah JPG.
- Situs web: WebP, dengan JPG sebagai cadangan yang aman.
Berdampingan
| JPG | PNG | WebP | |
|---|---|---|---|
| Kompresi | Lossy | Lossless | Lossy atau lossless |
| Paling cocok untuk | Foto | Tangkapan layar, logo, grafik dengan teks | Keduanya — serbaguna yang baik |
| Transparansi | Tidak | Ya | Ya |
| Ukuran foto tipikal | Kecil | Sangat besar | Yang terkecil dari ketiganya |
| Kompatibilitas | Semuanya | Semuanya | Semua browser saat ini; sebagian aplikasi lama dan formulir unggah menolaknya |
JPG: format serbaguna untuk foto
JPG membuang detail yang kemungkinan besar tidak akan kamu rindukan, dan itulah sebabnya foto begitu mengecil dengannya. Kelemahannya adalah tepi yang tajam — teks dan gambar garis mendapat cacat yang buram — dan ketidakmampuannya menyimpan transparansi. Ia diterima hampir di mana saja, sehingga menjadi jawaban bawaan ketika sebuah formulir hanya menulis “gambar”.
PNG: piksel yang persis, file yang besar
PNG menyimpan setiap piksel persis apa adanya, sehingga tepi tetap setajam silet dan transparansi berfungsi. Ini ideal untuk tangkapan layar, logo, atau diagram. Untuk foto, ini alat yang salah: gambar yang sama bisa berkali-kali lipat lebih berat daripada versi JPG tanpa manfaat yang terlihat.
WebP: lebih kecil dengan kualitas sama
WebP dikembangkan Google untuk menggantikan dua format sebelumnya. Ia mendukung kompresi lossy dan lossless serta transparansi, dan filenya biasanya 25–35% lebih kecil daripada JPG yang setara. Semua browser besar saat ini bisa menampilkannya. Harganya adalah kompatibilitas di luar browser: beberapa program lama, formulir unggah, dan marketplace masih hanya menerima JPG atau PNG.
Apa yang terjadi saat kamu mengonversi
- PNG ke JPG: area transparan menjadi latar solid (putih, di CrispPic) dan file biasanya jauh lebih kecil.
- JPG ke PNG: file membesar tanpa menjadi lebih baik, dan cacat JPEG apa pun tersimpan selamanya.
- JPG ke WebP: biasanya lebih kecil dengan kualitas serupa. Ini satu langkah lossy lagi, jadi konversi dari file asli kapan pun bisa.
- HEIC ke JPG: lihat panduan HEIC.
Catatan tentang AVIF
AVIF adalah format yang lebih baru dan bisa mengalahkan WebP dalam ukuran. CrispPic menerima gambar AVIF sebagai masukan tetapi mengekspor JPG, PNG, dan WebP, karena itulah format yang berfungsi hampir di mana saja.
Aturan praktis
Jika gambar memiliki nada fotografis yang halus, pakai JPG atau WebP. Jika memiliki warna datar, teks tajam, atau transparansi, pakai PNG atau WebP. Dan jika sebuah formulir menyebutkan format, pakai persis format itu, apa pun kata teorinya.
Pertanyaan yang sering diajukan
Apakah WebP lebih baik daripada JPG?
Ia menghasilkan file lebih kecil dengan kualitas serupa, jadi di situs web biasanya ya. Tetapi “lebih baik” bergantung pada ke mana file itu pergi: jika formulir hanya menyebut JPG, WebP di sana tidak berguna.
Mengapa PNG saya begitu berat?
PNG bersifat lossless, jadi foto disimpan piksel demi piksel. Jika itu foto, mengonversinya ke JPG atau WebP biasanya memangkas ukurannya secara drastis.
Bisakah saya meningkatkan kualitas JPG dengan mengonversinya ke PNG?
Tidak. Konversi hanya bisa mempertahankan apa yang sudah ada; ia tidak bisa memulihkan detail yang dibuang saat JPG dibuat.
Format apa yang mempertahankan latar transparan?
PNG dan WebP. JPG tidak bisa menyimpan transparansi, jadi mengonversi ke JPG mengisi area transparan dengan warna solid.
Coba dengan pengaturan yang tepat yang sudah diterapkan
Halaman-halaman ini membuka alat CrispPic yang sudah diatur untuk kasus yang persis seperti ini. Gambarmu diproses di browser kamu sendiri: tidak pernah diunggah ke mana pun.
Gratis, tanpa akun, tanpa watermark.
Lanjut membaca
- Cara memperkecil ukuran gambar tanpa mengurangi kualitasMengapa foto begitu berat dan empat langkah yang memperkecilnya 70–90% tanpa perbedaan yang terlihat: ubah ukuran, pilih format yang tepat, atur kualitas yang wajar, dan potong yang tidak perlu.
- Cara membuka dan mengonversi foto HEIC (iPhone, Windows, Mac)Mengapa foto iPhone tidak bisa dibuka atau diunggah, dan semua cara mengonversi HEIC ke JPG — di iPhone itu sendiri, di Mac, di Windows, atau gratis di browser.
- Cara membuat gambar di situs webmu dimuat lebih cepat (tanpa jadi buram)Gambar biasanya bagian terberat dari halaman web. Ukuran, format, dan pengaturan HTML yang mempercepatnya dan memperbaiki Core Web Vitals tanpa kehilangan kualitas yang terlihat.