Apa yang harus dilakukan jika browser tidak mendukung format WebP?
"Fallback image" adalah teknik yang digunakan untuk memastikan bahwa gambar tetap dapat ditampilkan meskipun browser pengguna tidak mendukung format gambar tertentu, seperti WebP.
Cara kerjanya adalah dengan menyediakan versi gambar dalam format yang lebih banyak didukung (seperti JPEG atau PNG) yang dapat ditampilkan jika gambar dalam format WebP tidak dapat ditampilkan.
Dalam konteks HTML, ini biasanya dilakukan dengan menggunakan elemen <picture> dan <source> , di mana Anda dapat menentukan beberapa sumber untuk gambar yang sama dalam format yang berbeda. Browser akan mencoba memuat sumber dalam urutan yang ditentukan dan menggunakan gambar pertama yang formatnya didukung.
Berikut adalah contoh penggunaan "fallback image":
<picture>
<source srcset="gambar.webp" type="image/webp">
<img src="gambar.jpg" alt="Deskripsi Gambar">
</picture>
Dalam contoh ini, browser akan mencoba memuat gambar.webp. Jika browser tidak mendukung format WebP, maka akan fallback ke gambar.jpg.