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

Setiap format gambar adalah kompromi berbeda antara ukuran file, kualitas, kompatibilitas, dan fitur seperti transparansi. Pilih dengan tepat maka file Anda kecil dan terbuka di mana saja; pilih salah dan Anda berakhir dengan hasil pindaian 30 MB atau logo bertepi putih bergerigi. Inilah kegunaan sebenarnya tiap format.

Privasi yang utama: setiap gambar diproses secara lokal di browser Anda. Tidak ada yang diunggah, disimpan, atau dikirim ke server mana pun.

JPG — format foto universal

JPG (1992) mengompresi foto dengan membuang detail yang nyaris tak disadari mata, diatur lewat pengaturan kualitas. Pada kualitas 75–85 file kecil dan tampak sangat bagus; setiap perangkat dan program di dunia membukanya. Batasannya: tanpa transparansi, dan setiap penyimpanan ulang kehilangan sedikit lebih banyak detail. Gunakan untuk foto yang harus berfungsi benar-benar di mana saja.

PNG — lossless, dengan transparansi

PNG menyimpan piksel secara persis dan mendukung transparansi alfa penuh, menjadikannya standar untuk logo, tangkapan layar, grafik antarmuka, dan gambar apa pun yang akan disunting berulang kali. Harganya adalah ukuran: foto yang disimpan sebagai PNG membengkak berkali-kali lipat ukuran JPG-nya, karena noise fotografis tidak terkompresi secara lossless. Gunakan PNG untuk grafik dan salinan kerja, bukan untuk mengirim foto.

WebP — standar web modern

WebP mengerjakan keduanya: kompresi lossy sekitar 25–35% lebih kecil dari JPG berkualitas setara, dan mode lossless dengan transparansi yang jauh lebih kecil dari PNG. Semua browser mendukungnya sejak 2020. Satu-satunya kelemahan ada di luar web — perangkat lunak desktop lama, printer, dan sebagian formulir unggah masih menolaknya. Gunakan WebP untuk apa pun yang ditampilkan di situs web.

AVIF — file terkecil, format terbaru

AVIF, dibangun di atas codec video AV1, menghasilkan file terkecil di antara format arus utama — sering separuh ukuran JPG pada kualitas sama — dan mendukung transparansi serta HDR. Dukungan browser kini universal, tetapi perkakas dan perangkat lunak non-web tertinggal. Gunakan di tempat byte paling berarti dan Anda mengendalikan pengirimannya, dengan cadangan untuk lingkungan lama.

GIF, SVG, dan HEIC — para spesialis

GIF bertahan murni untuk animasi sederhana; untuk gambar diam ia usang (256 warna, file raksasa). SVG bukan piksel melainkan geometri vektor — sempurna untuk ikon dan logo yang harus menskalakan diri, tak bermakna untuk foto. HEIC adalah format kamera efisien milik Apple: hebat di perangkat, merepotkan di mana pun lainnya, dan biasanya dikonversi ke JPG begitu file meninggalkan ekosistem Apple.

Keputusannya, diringkas

Foto untuk berbagi umum → JPG. Apa pun di situs web → WebP (atau AVIF jika Anda sanggup mengelola cadangan). Logo, tangkapan layar, atau transparansi → PNG (WebP jika khusus web). Harus menskalakan ke ukuran apa pun → SVG. Berasal dari iPhone dan menuju tempat lain → konversikan HEIC ke JPG. Saat ragu, JPG untuk foto dan PNG untuk grafik tidak pernah jadi bencana.