Bandingkan
AVIF vs WebP
AVIF dan WebP sama-sama ditujukan untuk gambar web serta mendukung opsi lossy, lossless, dan transparansi. Bandingkan kualitas, ukuran, kecepatan enkode, dan dukungan dengan gambar yang sama; menyajikan beberapa format juga dapat sesuai.
Format mana yang sebaiknya dipilih?
Uji gambar representatif dalam kedua format dengan pengaturan sebanding, lalu ukur kualitas visual, ukuran transfer, waktu enkode, dan dukungan audiens. Tidak ada yang selalu lebih unggul.
Cocok untuk AVIF
Pengiriman gambar web · Foto teroptimasi · Gambar web transparan
- Menyeimbangkan kualitas dan ukuran transfer
- Lingkungan dengan dukungan AVIF terkonfirmasi
Cocok untuk WebP
Pengiriman gambar web · Fotografi · Aset web transparan
- Mengurangi transfer gambar web
- Aset dengan transparansi atau animasi
Informasi dasar
| Item | AVIF | WebP |
|---|---|---|
| Ekstensi | .avif | .webp |
| Tipe MIME | image/avif | image/webp |
| Penggunaan umum | Pengiriman gambar web · Foto teroptimasi · Gambar web transparan | Pengiriman gambar web · Fotografi · Aset web transparan |
| Cara membuka | Peramban kompatibel menampilkan AVIF dalam halaman. Untuk file lokal, periksa dukungan penampil atau editor. | Buka file WebP dengan peramban, penampil, atau editor gambar yang kompatibel. |
| Ekspor atau konversi | Saat mengonversi JPEG atau PNG ke AVIF, simpan sumber dan periksa kualitas serta transparansi. Fitur atau metadata yang tidak didukung dapat hilang saat ekspor. | Ekspor ke JPEG tidak mempertahankan transparansi dan hasilnya lossy. Untuk PNG, tentukan apakah gambar diam cukup dan tangani animasi secara terpisah bila perlu. |
Pilih menurut penggunaan
Menyeimbangkan kualitas dan ukuran transfer
Pengiriman gambar web · Foto teroptimasi · Gambar web transparan
AVIFLingkungan dengan dukungan AVIF terkonfirmasi
Pengiriman gambar web · Foto teroptimasi · Gambar web transparan
AVIFMengurangi transfer gambar web
Pengiriman gambar web · Fotografi · Aset web transparan
WebPAset dengan transparansi atau animasi
Pengiriman gambar web · Fotografi · Aset web transparan
WebPPoin utama 1
AVIF memakai pengodean gambar berbasis AV1 dan dapat dipertimbangkan untuk optimasi pengiriman gambar web.
Perbedaan lebih lanjutPoin utama 2
WebP juga ditujukan untuk web dan mendukung kompresi lossy atau lossless, transparansi, serta animasi.
Perbedaan lebih lanjutPerbedaan lebih lanjut
Pilih berdasarkan pengukuran dan dukungan browser, CMS, serta alur pemrosesan gambar. Sediakan fallback atau beberapa format jika diperlukan oleh audiens.
- Kedua format dapat menyimpan transparansi; animasi bergantung pada alat dan jalur distribusi.
- Hasil kompresi dan beban enkode berubah menurut gambar sumber dan pengaturannya.
- Bandingkan sumber yang sama pada ukuran tampilan yang direncanakan, bukan hanya berdasarkan nama format.
Pertanyaan umum
Apakah AVIF selalu lebih kecil daripada WebP?
Tidak. Hasilnya bergantung pada konten gambar, encoder, pengaturan, dan target kualitas. Uji gambar yang benar-benar akan diterbitkan.