Adakah pelayan akan menghantar lebih daripada 1 imej ke teg <picture> dan akan kembali?

Question

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.

Answer 1

Ia memerlukan pendekatan "malas". Fail yang dinyatakan dalam elemen source 元素“可用”之前，它不会请求 source.

"Tersedia" mungkin bermaksud mana-mana yang berikut:

• Pelayar menyokong jenis fail ini
• Pertanyaan media dipenuhi

Ambil demo sebagai contoh https://www.w3schools.com/tags/tag_picture.asp" rel="nofollow noreferrer">W3Schools:
(Salinan demo di bawah)

  



  
The picture element
  
Resize the browser window to load different images.