JPG vs PNG vs WebP: format gambar mana yang harus dipakai

Pakai JPG untuk foto, PNG untuk tangkapan layar, logo, dan apa pun yang membutuhkan transparansi, serta WebP jika tujuannya menerima format tersebut dan Anda ingin ukuran file lebih kecil. Pilihannya bergantung pada dua hal: apakah format itu lossy atau lossless, dan apakah format itu mendukung transparansi. Pilih format yang sesuai dengan isi gambar dan tempat gambar itu akan ditampilkan.

Konversi gambarButuh JPG, punya PNGPakai gratis

Lossy dan lossless dengan bahasa sederhana

Format lossy membuang sebagian detail agar file lebih kecil, dan Anda bisa memilih seberapa banyak yang dibuang. Format lossless mempertahankan setiap piksel secara utuh, tetapi tidak bisa memperkecil foto secara signifikan karena foto memiliki detail yang sangat beragam. JPG bersifat lossy, PNG bersifat lossless, dan WebP bisa keduanya. Kehilangan kualitas akan menumpuk jika file yang sama disimpan berulang kali, jadi konversilah dari file asli setiap kali.

Format yang cocok untuk tiap kebutuhan

• Foto: JPG. Ukurannya kecil, diterima secara luas, dan mampu menampilkan warna alami dengan baik.
• Tangkapan layar, diagram, dan cuplikan antarmuka: PNG. Teks dan warna datar tetap tajam.
• Logo dan gambar yang sudah dipotong: PNG atau WebP, karena keduanya mempertahankan area transparan. JPG tidak bisa menyimpan transparansi.
• Gambar di halaman web: WebP, dengan JPG atau PNG sebagai cadangan jika situs memerlukannya.

Format	Kompresi	Transparansi	Paling cocok untuk	Perlu diperhatikan
JPG	Lossy	Tidak	Foto, email, formulir	Bintik di sekitar teks, tanpa transparansi
PNG	Lossless	Ya	Tangkapan layar, logo, diagram	Berukuran besar untuk foto
WebP	Lossy atau lossless	Ya	Halaman web dan aplikasi modern	Sebagian program lama tidak bisa membukanya
AVIF	Lossy atau lossless	Ya	Gambar ringkas di browser modern	Dukungan di perangkat lunak lama lebih terbatas

Dukungan browser dan aplikasi

Browser utama saat ini dapat menampilkan WebP, dan banyak yang juga dapat menampilkan AVIF. Dukungan di browser lama, aplikasi email, program desktop, dan formulir unggah belum tentu sama. Formulir sering mencantumkan jenis file yang diterima, jadi periksa dulu. Jika formulir meminta JPG atau PNG, gunakan format tersebut meskipun WebP atau AVIF menghasilkan file yang lebih kecil.

Konversi tanpa banyak kehilangan kualitas

• Simpan file asli dan konversi salinannya, jangan mengonversi file aslinya.
• Saat mengonversi foto ke JPG, gunakan pengaturan kualitas yang tinggi.
• Mengonversi JPG ke PNG tidak mengembalikan detail yang sudah hilang, jadi mulailah dari file terbaik yang Anda miliki.
• Menyimpan gambar transparan sebagai JPG akan mengisi area transparan dengan warna solid, biasanya putih atau hitam.

Jika tujuannya membuat file lebih kecil, kompres gambar setelah konversi. Untuk ukuran piksel, lihat panduan mengubah ukuran gambar untuk formulir.

Memilih untuk email, pencetakan, dan unggahan

Untuk email dan berbagi sehari-hari, JPG adalah pilihan paling aman untuk foto, karena hampir semua program dan layanan dapat membacanya. Untuk grafis dengan garis tajam, seperti logo yang harus tercetak jelas, PNG biasanya file yang lebih baik. Formulir dan layanan cetak kadang memiliki daftar format sendiri, dan daftar tersebut lebih utama daripada aturan umum apa pun.

Daftar keputusan singkat

1. Apakah gambar membutuhkan transparansi? Gunakan PNG atau WebP.
2. Apakah itu foto tanpa transparansi? Gunakan JPG, atau WebP jika tujuannya menerima format tersebut.
3. Apakah itu teks, tangkapan layar, atau diagram? Gunakan PNG.
4. Apakah akan dikirim ke formulir atau program lama? Gunakan format yang tercantum di formulir atau program tersebut.

Mengapa ukuran file berbeda antar format

Tidak ada format yang selalu paling kecil. Foto yang sama bisa lebih kecil dalam WebP atau AVIF dibandingkan JPG pada kualitas yang mirip, dan grafis sederhana dengan warna datar bisa lebih kecil dalam PNG dibandingkan JPG. Isi gambar sangat menentukan hal ini, jadi bandingkan file aslinya daripada hanya mengandalkan aturan umum.

Simpan sumber lossless

Jika memungkinkan, simpan satu salinan asli dalam format lossless, misalnya PNG dari tangkapan layar atau file asli dari kamera. Buat salinan lossy untuk keperluan tertentu. Dengan begitu, Anda selalu bisa membuat JPG, WebP, atau file yang lebih kecil di kemudian hari tanpa mulai dari salinan yang sudah rusak.

Kasus khusus transparansi

PNG dan WebP mempertahankan tepi yang lembut, sehingga logo dengan bayangan tipis atau tepi buram tetap halus di atas latar berwarna. JPG tidak memiliki cara untuk menyimpan tepi tersebut, sehingga bayangannya akan diratakan ke latar belakang solid atau hilang. Jika logo harus ditampilkan di berbagai latar belakang, simpan versi transparan sebagai file utama dan buat salinan JPG hanya untuk tempat yang memerlukannya. Jika logo belum punya versi transparan, hapus latar belakangnya terlebih dahulu. Mengapa PNG transparan berubah menjadi hitam menjelaskan apa yang terjadi saat file tersebut disimpan sebagai JPG.

Cara melakukannya dengan fixmint

1. Periksa format apa saja yang diterima formulir atau aplikasi. Daftarnya lebih utama daripada aturan umum di atas.
2. Seret file asli ke alat konversi.
3. Di bagian Konversi ke, pilih JPG untuk foto, atau PNG untuk tangkapan layar, logo, dan transparansi. Pilih WebP hanya jika tujuannya menerima format tersebut.
4. Untuk JPG, atur Kualitas ke 92 atau lebih, lalu unduh file. Gunakan Unduh semua (.zip) untuk beberapa file.
5. Jika file masih terlalu besar, kompres.

Jawaban singkat

Mana yang lebih baik, JPG atau PNG? Untuk foto, JPG lebih baik karena ukurannya jauh lebih kecil. Untuk tangkapan layar, teks, dan logo transparan, PNG lebih baik karena tepinya tetap tajam.

Apakah WebP aman digunakan? Untuk situs web, ya, di browser modern. Untuk email, formulir, dan program desktop, JPG adalah pilihan yang lebih aman kecuali penerima memastikan WebP didukung.

Mengapa logo transparan saya sekarang memiliki kotak putih di sekelilingnya? Logo itu disimpan sebagai JPG, yang tidak bisa menyimpan transparansi. Simpan ulang sebagai PNG atau WebP dengan alat konversi.