Saya ingin tahu tentang tag imej yang dilaksanakan seperti ini.
<picture> <source srcset="path/img.webp" type="image/webp" /> <img src="path/img.jpg" alt="image" /> </picture>
Untuk pelanggan, saya faham bahawa jika pelayar boleh mengendalikan webp, ia akan memaparkan imej webp yang dihantar dari pelayan jika tidak, ia akan memaparkan imej jpg yang juga dihantar dari pelayan.
Saya ingin tahu sama ada pelayan perlu menghantar kedua-dua imej kepada klien atau pelayan hanya menghantar satu imej yang boleh dikendalikan oleh klien memandangkan matlamat saya ialah pengoptimuman lebar jalur pelayan.
Ia memerlukan pendekatan "malas". Fail yang dinyatakan dalam elemen
source
元素“可用”之前,它不会请求source
."Tersedia" mungkin bermaksud mana-mana yang berikut:
Ambil demo sebagai contoh https://www.w3schools.com/tags/tag_picture.asp" rel="nofollow noreferrer">W3Schools:
(Salinan demo di bawah)