JPG, PNG, dan WebP adalah tiga jawaban untuk pertanyaan yang sama: bagaimana seharusnya gambar ini disimpan? Masing-masing ahli dalam sesuatu yang berbeda. Memilih dengan baik membutuhkan waktu sekitar sepuluh detik setelah Anda mengetahui apa yang Anda lihat, dan biasanya ini lebih penting daripada pengaturan kualitas yang Anda pilih setelahnya.
Versi pendek
| Format | Terbaik untuk | Transparansi | Ukuran file biasa |
|---|---|---|---|
| JPEG (.jpg) | Foto, gambar kamera, foto yang dipindai | TIDAK | Kecil untuk foto |
| PNG (.png) | Tangkapan layar, teks, logo, grafik datar | Ya | Besar untuk foto, efisien untuk grafis |
| WebP (.webp) | Gambar web modern, baik foto maupun grafik | Ya | Seringkali terkecil secara keseluruhan |
Jika Anda hanya mengingat satu baris: gunakan JPEG atau WebP untuk foto, PNG untuk apa pun dengan tepi tajam atau latar belakang transparan.
JPEG: masih default untuk foto
JPEG adalah format lossy. Ia melihat gambar dalam blok-blok kecil dan menyimpan perkiraan, membuang detail yang kurang terlihat oleh mata manusia. Untuk foto—yang memiliki gradien halus, tekstur, dan tidak ada tepi lurus sempurna—pertukaran ini sangat baik. Foto besar bisa menjadi file kecil tanpa perubahan nyata pada ukuran tampilan normal.
Formatnya juga sangat kompatibel. Setiap browser, telepon, printer foto, dan alat dokumen dapat membuka JPEG. Jika suatu file harus berfungsi di mana saja tanpa penjelasan, JPEG adalah pilihan yang aman.
Kelemahannya juga diketahui. Tidak ada transparansi. Ini buruk pada garis dan teks yang tajam, di mana kompresi dapat menciptakan lingkaran cahaya dan tambalan kotak-kotak. Dan itu lossy di setiap penyimpanan, jadi berulang kali mengedit dan mengekspor JPEG yang sama secara bertahap akan menurunkannya. Simpan yang asli dan ekspor sekali.
PNG: tepi bersih dan transparan
PNG tidak memiliki kerugian. Gambar yang Anda simpan adalah gambar yang Anda dapatkan kembali, piksel demi piksel. Hal ini menjadikannya pilihan yang tepat untuk tangkapan layar, diagram, logo, ikon, dan grafik antarmuka—konten yang mengutamakan tepi tajam dan encoder yang lossy cenderung meninggalkan kerusakan yang terlihat.
PNG juga mendukung transparansi alfa, yang membuatnya berguna untuk logo yang ditempatkan pada latar belakang berwarna dan untuk elemen antarmuka dengan bayangan lembut. Pendekatan lossless yang sama membuat PNG kurang cocok untuk foto: gambar kamera yang disimpan sebagai PNG bisa beberapa kali lebih besar dibandingkan JPEG setara tanpa manfaat yang terlihat.
Ada pengecualian umum: tangkapan layar yang sebagian besar berupa foto. Tangkapan layar penampil foto layar penuh, misalnya, mungkin lebih efisien dibandingkan JPEG. Nilailah isinya, bukan fakta bahwa itu berasal dari tangkapan layar.
WebP: bagian tengah yang fleksibel
WebP dirancang untuk web dan dapat beroperasi dalam mode lossy dan lossless, dengan transparansi di keduanya. Pada kualitas yang sebanding, WebP lossy seringkali lebih kecil daripada JPEG, terutama pada pengaturan kualitas lebih rendah. Ini juga mendukung animasi, meskipun itu tidak relevan dengan alat gambar diam.
Dukungan browser kini tersebar luas di Chrome, Firefox, Safari, dan Edge. Kendalanya adalah dunia perangkat lunak yang lebih luas: aplikasi desktop lama, beberapa klien email, dan beberapa sistem manajemen konten mungkin tidak menerima file .webp. Jika Anda menerbitkan ke situs web modern, WebP adalah pilihan default yang kuat. Jika Anda mengirim gambar ke seseorang yang akan membukanya dalam program asing, JPEG atau PNG adalah pilihan yang tidak terlalu berisiko.
Format yang lebih baru seperti AVIF mungkin masih lebih kecil, namun dukungannya kurang universal dan pengkodeannya lebih lambat. Untuk pekerjaan sehari-hari, perbedaan antara WebP yang bagus dan AVIF jarang sebanding dengan pertanyaan kompatibilitasnya.
Perangkap transparansi
JPEG tidak dapat menyimpan transparansi. Jika Anda mengonversi logo PNG dengan latar belakang transparan ke JPEG, area tersebut harus menjadi sesuatu. Kebanyakan konverter mengisinya dengan warna putih. Di halaman putih Anda mungkin tidak menyadarinya; pada latar belakang berwarna atau fotografi, logo muncul di dalam kotak putih yang jelas.
Cara mengatasinya sederhana: simpan PNG atau WebP untuk apa pun yang memerlukan latar belakang yang dipotong. Jika tujuan akhir memerlukan JPEG, tempatkan logo pada warna latar belakang yang sama terlebih dahulu, lalu ekspor. Itu menghasilkan hasil yang disengaja, bukan persegi panjang putih.
Konversi sebaliknya—JPEG ke PNG—tidak menciptakan transparansi. Itu hanya membungkus piksel buram yang sama dalam wadah lossless, yang biasanya membuat file lebih besar tanpa mengembalikan detail apa pun.
Memilih tanpa berpikir berlebihan
- Apakah itu foto atau pindaian dengan nada terus menerus? Gunakan JPEG, atau WebP jika itu untuk situs web modern.
- Apakah perlu transparansi? Gunakan PNG atau WebP. Jangan pernah JPEG.
- Apakah berisi teks, tepi tajam, atau warna datar? Gunakan PNG atau WebP lossless. JPEG yang lossy akan membuat bagian tepinya terlihat kotor.
- Akankah seseorang membukanya di perangkat lunak yang tidak dikenal? Lebih suka JPEG untuk foto dan PNG untuk grafik. Kompatibilitas mengalahkan kemenangan ukuran marjinal.
- Apakah sudah kecil? Biarkan saja. Mengonversi grafik 40 KB untuk mendapatkan penghematan 5 KB biasanya tidak sebanding dengan risiko kehilangan kualitas.
Setelah format dipilih, ubah ukuran gambar ke ukuran tampilannya dan atur kualitas yang masuk akal. Panduan kami untuk mengompresi gambar untuk web berjalan melalui pengaturan.
Konversi apa yang tidak dapat diperbaiki
Konversi mengubah wadahnya, bukan informasi di dalamnya. Jika JPEG telah kehilangan detailnya, menyimpannya sebagai PNG tidak akan mengembalikan detail tersebut; itu hanya akan menyimpan hasil yang rusak dalam file yang lebih besar. Jika tangkapan layar PNG penuh dengan teks anti-alias, mengonversinya ke JPEG mungkin akan mengecilkannya tetapi juga akan menimbulkan artefak di sekitar huruf.
Selalu bekerja dari sumber terbaik yang tersedia. Mengonversi bolak-balik antar format adalah cara umum untuk memperburuk gambar sambil yakin Anda sedang memperbaikinya.
Itu konverter format menangani JPG, PNG, dan WebP di browser. Itu menjaga transparansi ketika tujuan mendukungnya, mengisi latar belakang JPEG dengan warna putih, dan memungkinkan Anda mengatur kualitas untuk format lossy. Keluaran PNG tidak ada ruginya. Pengkodean ulang juga menghapus metadata yang tertanam seperti detail kamera dan lokasi GPS. Jika Anda memerlukan metadata tersebut, simpan file aslinya.
Lebih suka melihatnya beraksi? Konversikan gambar secara lokal—tidak ada unggahan, tidak ada akun.