Format gambar mana yang sebaiknya Anda pakai?

Pertanyaan yang menentukan

Apakah gambarnya berupa gradasi warna yang halus, atau bidang warna rata dengan tepi tajam?

Foto adalah gradasi halus: jutaan warna yang berbeda tipis, tidak ada dua piksel bersebelahan yang benar-benar sama, dan tidak ada batas tegas kecuali di tepi objek. Screenshot, logo, grafik, diagram, atau gambar garis adalah kebalikannya: bidang luas berwarna identik yang bertemu di batas yang tajam sempurna.

Setiap format gambar dibuat untuk salah satunya dan buruk untuk yang lain. Format lossy — JPEG, serta WebP atau AVIF dalam mode lossy — membuang detail yang sulit ditangkap mata, yang bekerja sangat baik pada gradasi halus tetapi memunculkan pinggiran kotor di setiap tepi tajam. Format lossless — PNG, serta WebP atau AVIF dalam mode lossless — mengompres dengan mencari pengulangan, yang bekerja sangat baik pada warna rata tetapi nyaris tidak berguna pada noise foto. Memilih yang salah membuat file jadi jelek atau sangat besar, dan biasanya orang hanya menyadari salah satunya.

Jawaban singkatnya

Foto untuk dikirim ke orang, lewat email, atau ke sistem lama: JPG dengan kualitas sekitar 85. Bisa dibuka di mana saja, kecil, dan penurunan kualitasnya tidak terlihat di pengaturan itu.

Screenshot, logo, grafik, atau diagram: PNG. Setiap tepi tetap tajam persis, dan bidang rata terkompres hampir tanpa sisa. Jika ada transparansi, PNG juga satu-satunya dari dua format klasik itu yang bisa membawanya.

Apa pun untuk halaman web yang Anda kelola: WebP, atau AVIF jika Anda punya waktu untuk proses encoding-nya. Keduanya menjalankan tugas JPG dan PNG dengan lebih baik — WebP punya mode lossy dan lossless serta membawa transparansi di keduanya, dan AVIF menyimpan foto dengan ukuran kira-kira separuh JPEG yang setara.

Logo atau ikon: SVG jika Anda memilikinya, karena tetap tajam di ukuran berapa pun dan biasanya lebih kecil daripada versi piksel mana pun. Ubah menjadi piksel hanya untuk tempat yang tidak bisa membaca vektor — favicon, gambar pratinjau media sosial, email, dan app store.

Apa yang tidak bisa dilakukan tiap format

Batasannya lebih berguna daripada daftar fiturnya, karena batasan itulah yang menjebak orang.

JPG tidak punya transparansi. Sama sekali tidak, dan tidak akan pernah. Mengubah PNG dengan background transparan ke JPG akan mengisi background itu dengan warna solid — itulah sebabnya logo yang disimpan sebagai JPG tampil di dalam kotak putih. JPG juga lossy setiap kali disimpan, jadi mengedit dan menyimpan ulang JPG yang sama berulang kali menurunkan kualitasnya sedikit demi sedikit di setiap putaran.

PNG sangat buruk untuk foto. Bukan salah — lossless dan setia pada aslinya — tetapi ukurannya sangat besar, karena noise foto mengacaukan prediksi yang dipakainya untuk mengompres. PNG dari sebuah foto biasanya sepuluh kali ukuran JPEG yang tidak bisa dibedakan siapa pun darinya.

WebP punya batas mutlak 16.383 piksel di sisi mana pun, yang longgar untuk foto tetapi membatasi untuk panorama, screenshot satu halaman penuh dari situs yang panjang, atau peta hasil scan.

AVIF lambat saat di-encode. Beberapa detik per foto besar, karena AVIF pada dasarnya satu frame diam dari kompresi video, dan proses pencarian itulah yang menghasilkan ukuran kecilnya. Decoding-nya instan, dan itu pertukaran yang tepat untuk sesuatu yang di-encode sekali dan dilihat berkali-kali.

Di mana batas kompatibilitas sebenarnya

Di sinilah saran cenderung ketinggalan zaman bertahun-tahun, ke dua arah sekaligus. Semua browser versi terbaru bisa membaca WebP dan AVIF, dan sudah begitu selama bertahun-tahun — jadi untuk situs web, argumen kompatibilitas melawan keduanya sudah selesai. Menyajikan AVIF dengan cadangan JPEG lewat elemen picture menghilangkan kekhawatiran itu sepenuhnya.

Di luar browser, ceritanya lain, dan di sinilah orang keliru ke arah sebaliknya. Klien email lama, banyak penampil gambar desktop, sebagian besar software perusahaan, dan kebanyakan alur kerja cetak masih belum bisa membaca WebP atau AVIF dengan andal. Jadi aturannya bergantung pada tujuan, bukan pada tahunnya: format baru untuk halaman web yang Anda kelola, JPG atau PNG untuk file yang Anda serahkan ke orang atau ke sebuah sistem.

Mengonversi tidak memulihkan kerusakan

Kesalahpahaman paling umum soal format gambar perlu dinyatakan langsung: mengubah file lossy menjadi lossless tidak memulihkan apa pun. Mengubah JPG menjadi PNG justru mempertahankan artefak JPEG dengan sempurna — kotak-kotak, riak di sekitar teks, warna yang meleber di tepi yang pekat — karena saat itu semuanya sudah menjadi nilai piksel dan tidak bisa dibedakan dari isi gambar. PNG-nya lebih besar dan berisi kerusakan yang sama persis.

Namun konversi itu tetap berguna di saat yang tepat. Mengubah ke PNG sebelum mulai mengedit berarti setiap penyimpanan berikutnya tidak menurunkan kualitas, sedangkan mengedit dan menyimpan ulang JPG menurunkan kualitasnya setiap kali. Lakukan di awal pekerjaan, bukan setelah empat kali menyimpan.

Logika yang sama berlaku ke arah sebaliknya. Meng-encode ke AVIF atau WebP dari JPEG berarti encoder baru mewarisi artefak encoder lama dan menghabiskan bit untuk mempertahankannya — jadi file yang di-encode sekali dari aslinya lebih kecil sekaligus lebih bagus daripada file yang di-encode dua kali. Selalu mulai dari versi terbaik yang Anda punya.