JPG vs PNG vs WebP vs AVIF

Perbandingan Keempat Format

Keunggulan Masing-Masing Format

JPG menyimpan detail halus dalam blok berukuran 8 × 8 piksel dengan presisi yang dikurangi, dan biasanya menyimpan warna dengan resolusi lebih rendah daripada kecerahan. Pada foto, hal ini tersamarkan dengan baik; pada teks dan tepi yang tajam, muncul halo. Setiap kali JPG diedit lalu disimpan lagi, file di-encode ulang, dan biasanya sedikit detail kembali hilang. Arti angka kualitas dijelaskan dalam Penjelasan Pengaturan Kompresi Gambar.

PNG bersifat lossless dan mengompresi dengan mencari pola yang berulang dan dapat diprediksi, sehingga tangkapan layar, bagan, dan logo tetap kecil, tetapi foto tidak. Foto 12 megapiksel berisi 36 juta byte nilai warna (4.000 × 3.000 piksel × 3 byte). Noise kamera nyaris tidak berulang, sehingga versi PNG-nya biasanya beberapa kali lebih besar daripada JPG yang baik.

WebP memiliki mode lossy dan lossless, dan keduanya mendukung transparansi. WebP lossy menyimpan warna dengan setengah lebar dan setengah tinggi gambar, sehingga garis berwarna yang tipis dan teks merah dapat tampak kurang tajam. Lebar maupun tinggi gambar WebP tidak boleh melebihi 16.383 piksel, sehingga tangkapan layar yang sangat panjang tidak dapat disimpan dalam format ini; format JPG mengizinkan hingga 65.535.

AVIF berasal dari codec video AV1. Untuk foto, AVIF sering kali menjadi yang paling efisien di antara keempatnya, terutama pada kualitas yang lebih rendah, dan dapat menyimpan warna 10 atau 12 bit serta HDR. Proses encoding-nya biasanya lebih lambat, dan dukungannya di luar browser masih tertinggal dibandingkan WebP.

Contoh Terukur: Satu Tangkapan Layar, Enam File

Kami membuat tangkapan layar dasbor berukuran 1280 × 800 (warna datar, teks, bagan batang) lalu menyimpannya dengan Python Pillow 12.3 (libjpeg-turbo 3.1, libwebp 1.6, libavif 1.4) pada kualitas 92 untuk format yang memiliki pengaturan kualitas, sesuai dengan nilai tetap 0,92 yang diteruskan konverter LeedyBox ke browser. WebP lossless memakai pengaturannya yang paling lambat dan paling kuat. Ini hanyalah satu gambar sintetis: encoder di browser memakai pengaturan lain dan menghasilkan angka yang berbeda, dan foto berperilaku lain. 1 KB = 1.024 byte.

Untuk grafis datar ini, JPG adalah pilihan terburuk: ukurannya lebih dari dua kali lipat dan gambarnya tidak lagi persis sama. WebP lossless mempertahankan setiap piksel dan menghasilkan file terkecil, sedangkan WebP lossy nyaris tidak menghemat apa pun. Mengonversi JPG kembali ke PNG tidak memulihkan apa pun: PNG harus menyimpan artefak JPG dengan persis, dan ukurannya membengkak menjadi 4,5 kali PNG semula.

Sebuah logo 512 × 512 dengan latar transparan menghasilkan PNG 31,6 KB, WebP lossy 18,4 KB dengan transparansi tetap terjaga, AVIF 16,6 KB, WebP lossless 12,7 KB, dan JPG 25,2 KB dengan kotak putih sebagai pengganti transparansi. Sekali lagi, WebP lossless menghasilkan file terkecil sekaligus mempertahankan setiap piksel.

Apa yang Bisa dan Tidak Bisa Dilakukan Konversi

• Konversi tidak memulihkan detail. JPG yang disimpan sebagai PNG tetap membawa artefaknya.
• Lossy ke lossy menambah kehilangan. Konversi JPG ke WebP atau AVIF meng-encode ulang artefak yang sudah ada, jadi mulailah dari file asli terbaik yang Anda miliki.
• Transparansi memerlukan format yang dapat menyimpannya. JPG tidak punya kanal alfa, jadi konverter LeedyBox mengisi area transparan dengan putih saat menyimpan ke JPG atau BMP, dan tepi yang halus dicampur dengan putih itu. Simpan logo dan gambar potongan dalam PNG atau WebP.
• Dimensi piksel sering kali lebih berpengaruh. Foto 4.000 × 3.000 yang ditampilkan pada 1.200 × 900 membawa 12 juta piksel, padahal yang dibutuhkan hanya 1,08 juta, sekitar 11 kali lebih banyak. Bahkan layar dengan kepadatan piksel dua kali lipat hanya memakai 2.400 × 1.800, atau 4,32 juta piksel. Lihat Mengubah Ukuran Gambar.

Mengonversi dengan Konverter Gambar LeedyBox

1. Buka Konverter Gambar, lalu klik "Pilih File atau Seret & Lepas di Sini" atau letakkan gambar di kotak tersebut. PNG, JPG, WebP, BMP, GIF, dan AVIF diterima selama browser Anda dapat membuka file-nya.
2. Setiap file ditampilkan bersama ukuran pikselnya dan menu format yang awalnya diatur ke JPG, dengan pilihan lain PNG, WebP, BMP, AVIF, dan ICO. Ubah format per file, atau gunakan menu "Atur Semua Format Menjadi..." di sebelah "Opsi Batch:" untuk mengubah semua file sekaligus. Pilih PNG, WebP, atau AVIF untuk gambar apa pun yang transparan.
3. Klik "Konversi & Unduh". Satu gambar diunduh dengan nama aslinya ditambah "_converted", misalnya liburan_converted.webp; beberapa gambar diunduh sekaligus dalam leedybox_converted_images.zip.

Konverter mempertahankan dimensi piksel, kecuali untuk ICO, yang diperkecil agar muat dalam 256 × 256 piksel. Untuk JPG, WebP, dan AVIF, konverter meminta browser menyimpan dengan kualitas 0,92 (pada skala 0 sampai 1), dan tidak ada pengaturan kualitas. Chrome dan Edge membuat WebP lossy dengan nilai tersebut; encoder di browser lain mungkin berperilaku berbeda. JPG dan BMP diberi latar putih; BMP disimpan tanpa kompresi dengan 24 bit per piksel, sehingga foto 6.000 × 4.000 menjadi 72.000.054 byte. Banyak browser tidak dapat membuat AVIF; konverter memeriksa hal ini saat halaman dibuka dan, jika browser tidak mampu, menonaktifkan opsi tersebut serta memberinya label "AVIF (tidak didukung browser ini)".

Konversi berjalan di browser Anda, dan gambar tidak dikirim ke LeedyBox untuk proses ini. Setiap gambar digambar ulang, sehingga data EXIF, lokasi GPS, dan metadata lainnya tidak ikut tersalin. Untuk memilih kualitas sendiri dan melihat perbandingan sebelum dan sesudah, gunakan Kompres Gambar (JPG, WebP, atau PNG, dengan penggeser kualitas yang awalnya bernilai 75 atau dengan target ukuran file); untuk memperkecil dimensi, gunakan Ubah Ukuran Gambar.

Format yang Tepat untuk Setiap Kebutuhan

Untuk gambar di halaman web, lihat juga Memilih Format Gambar yang Tepat untuk Web.

Masalah Umum dan Solusinya

• Latar transparan berubah menjadi putih. Hasilnya berformat JPG, yang merupakan pilihan awal, atau BMP. Konversikan lagi ke PNG, WebP, atau AVIF.
• Ukuran file malah bertambah. Hal ini wajar untuk foto atau JPG yang disimpan sebagai PNG, dan untuk BMP, yang tidak terkompresi. Gunakan JPG atau WebP untuk foto, atau simpan file aslinya.
• AVIF tidak dapat dipilih. Browser Anda tidak dapat membuat AVIF. Pilih WebP atau coba browser lain.
• Isi ZIP lebih sedikit daripada file yang Anda tambahkan. Jika dikonversi ke WebP, logo.png dan logo.jpg sama-sama menjadi logo_converted.webp, dan file yang diproses belakangan menimpa file sebelumnya. Ganti dulu nama salah satunya.
• Tidak ada yang terunduh. Sebuah file gagal dikonversi jika browser tidak dapat membuat format yang dipilih: sebagian browser tidak dapat membuat WebP, dan format WebP tidak mengizinkan gambar yang lebar atau tingginya melebihi 16.383 piksel. Gambar yang sangat besar juga dapat melampaui ukuran kanvas yang sanggup ditangani browser. Dalam batch, satu file yang gagal menghentikan konverter sebelum ZIP dibuat. Ubah format file tersebut atau hapus file itu dari daftar.
• Animasi berubah menjadi gambar diam. Hanya satu frame yang dipertahankan, biasanya frame pertama.

Yang Perlu Diperiksa Setelahnya

• Lihat hasilnya pada ukuran sebenarnya: teks, tepi, wajah, dan gradasi.
• Bandingkan ukuran file; simpan file asli jika file baru tidak lebih kecil.
• Periksa gambar transparan di atas latar terang dan latar gelap.
• Uji file di tempat file itu akan digunakan: sebagian program email dan formulir unggah menolak WebP atau AVIF.

Pertanyaan Umum