Adakah pelayan akan menghantar lebih daripada 1 imej ke teg <picture> dan akan kembali?
P粉674876385
P粉674876385 2024-04-03 09:05:59
0
1
459

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.

P粉674876385
P粉674876385

membalas semua(1)
P粉556159786

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.

Flowers
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan