是唯一可靠实现图片格式降级的机制，需用 声明标准 MIME 类型（如 image/webp），顺序决定优先级， 为强制兜底且 src 必须是可直访的 JPEG/PNG 路径，alt 不可省，所有格式须尺寸一致。

是唯一能可靠实现图片格式降级的 HTML 机制， 在 Safari ≤13.1、IE、旧版 Android WebView 中会静默留白——浏览器根本不识别 image/webp MIME 类型，连加载请求都不会发。

必须用 声明标准 MIME 类型

浏览器只靠 type 属性决定“要不要看这个 source”，不嗅探文件后缀，也不猜内容。写错就跳过：

• ✅ type="image/webp"、type="image/avif"、type="image/jpeg"（注意是 jpeg，不是 jpg）
• ❌ type="webp"、type="image/jpg"、type="image.webp"
• 服务器返回的 Content-Type 必须和 type 完全一致，否则 Safari 会静默忽略，Chrome 可能侥幸加载但不可靠

顺序是优先级队列，不是备选列表

浏览器从上到下逐条检查，遇到第一个 type 支持且资源可解码（URL 可访问、格式合法、网络通）的就停，不再往下看：

HTML Text Extract

从HTML页面（URL、文件或标准输入）中提取主体内容文本，去除导航、页脚、广告和模板文本。可直接传递给readability_check或其他文本工具。

下载

• 把 放最前：覆盖 Chrome 120+、Firefox 120+、Edge 120+
• 接着 ：覆盖 iOS 14+ Safari、Android 4.0+、绝大多数桌面浏览器
• 最后 或直接省略，把 JPEG 放进 的 src

不是可选项，是强制兜底载体

自身不渲染、不请求，真正触发加载的是匹配成功的 或最终的 。漏掉它，整个结构就空白：

• 的 src 必须是静态、可直访的 JPEG/PNG 路径，比如 /assets/logo.jpg，不能带查询参数（如 ?format=webp）
• 该 URL 必须能在浏览器地址栏单独打开并显示正常图片；CDN 动态转码路径（如 ?x-oss-process=...）不能用作 的 src
• alt 属性不可省，否则无障碍和 SEO 失效
• 所有格式图片的宽高、构图、裁剪比例必须一致，否则切换时视觉跳变

最容易被忽略的是：即使写了三个 ，只要服务器没正确返回对应 Content-Type，或路径 404，浏览器就会跳过全部，最终只依赖 —— 所以它的 src 必须真实可用，不能只是“理论上存在”。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！