Memilih format gambar sesuai penggunaan
Dipublikasikan · Diperbarui 1 menit baca
JPG, PNG, WebP, dan AVIF tidak untuk gambar yang sama. Pilihan yang tepat bergantung pada isi gambar: foto, tangkapan layar berisi teks, atau logo di atas latar transparan.
Apa kata acuannya
Menurut dokumentasi MDN, JPEG cocok untuk foto dan tidak cocok untuk gambar bergaris tajam, PNG mempertahankan setiap piksel secara persis sehingga cocok untuk tangkapan layar, diagram, dan logo, WebP mengompres lebih baik daripada keduanya dan mendukung transparansi, AVIF mengompres lebih besar lagi dan juga mendukung transparansi.
Gambar yang sama dalam empat format
Pengujian memakai tiga gambar buatan: pemandangan yang mendekati foto berukuran 2.400 × 1.600 piksel, tangkapan layar berukuran 1.400 × 900 piksel, dan logo transparan berukuran 900 × 900 piksel, ketiganya diawali dalam format PNG.
| Gambar | PNG asli | JPG | WebP |
|---|---|---|---|
| Foto | 2,36 MB | 1,08 MB | 1,02 MB |
| Tangkapan layar | 67 KB | 115 KB | 49 KB |
| Logo transparan | 9 KB | 35 KB (di atas latar putih) | 14 KB (transparansi dipertahankan) |
Yang bisa disimpulkan
Untuk foto, JPG dan WebP memangkas bobot lebih dari separuh. Untuk tangkapan layar atau logo, JPG lebih berat daripada PNG aslinya, dan acuan tidak menyarankannya untuk tepi yang tajam: PNG atau WebP lebih cocok. Mengubah PNG kembali menjadi PNG tidak meringankan: foto naik dari 2,36 MB menjadi 3,28 MB.
AVIF
Ekspor AVIF bergantung pada peramban. Bila tidak tersedia, alat ini memberi tahu dan tidak menghasilkan berkas.
Periksa
- Bandingkan bobot yang diperoleh dengan bobot aslinya.
- Perbesar tampilan untuk melihat tepi huruf dan gradasi warna.
- Simpan gambar aslinya.
Untuk mengetahui format mana yang terbaca di mana saja, lihat Format gambar mana yang diterima di mana saja.