picture标签回退机制下服务器是否需发送多图的技术问询

先看你提供的示例代码：

<picture>
  <source srcset="path/img.webp" type="image/webp" />
  <img src="path/img.jpg" alt="image" />
</picture>

服务器只会发送客户端浏览器可处理的那一张图片，不会同时发送两张，完全不用担心带宽被浪费：

• 当浏览器支持WebP格式时，它会识别<source>标签里的type="image/webp"，只会向服务器请求path/img.webp这张图，不会加载后面的jpg资源。
• 要是浏览器不支持WebP，它会跳过所有不兼容的<source>，只请求<img>标签里的path/img.jpg。

简单说，浏览器会先做格式兼容性判断，只请求自己能处理的那个资源，服务器也就只会响应这一次请求，发送对应的单张图片。

内容的提问来源于stack exchange，提问作者holydragon