是唯一能真正实现格式降级的原生方案，必须按→→严格顺序书写，type值须完全匹配标准MIME类型，且的src必须为静态可直访的JPEG/PNG路径，任一错误均导致浏览器静默丢弃请求而留白。
<img src="x.webp" alt="HTML图片格式降级怎么选？WebP转JPG技巧" >在 Safari ≤13.1、IE、旧 Android WebView 中会静默留白——不是加载慢，是根本没发请求。
为什么不能只写 <img src="logo.webp" alt="HTML图片格式降级怎么选？WebP转JPG技巧" >
浏览器不认识 image/webp MIME 类型时，不会报错、不触发 error 事件、也不 fallback，直接跳过该标签。你看到的“空白”，其实是浏览器连解码器都没调用。
- 旧版 Safari（≤13.1）、IE、Android WebView 4.4 之前版本均无 WebP 解码能力
-
<img alt="HTML图片格式降级怎么选？WebP转JPG技巧" >单标签不支持任何格式协商，srcset或sizes对它无效 - CDN 动态转码路径（如
logo.jpg?x-oss-process=image/format,webp）不能当<img alt="HTML图片格式降级怎么选？WebP转JPG技巧" >的src，老浏览器可能返回 406 或损坏数据
<picture></picture> 的 type 值必须严格匹配标准 MIME 类型
写错一个字符，整个 <source></source> 就被 Safari 静默跳过。Chrome 可能侥幸加载，但不可靠。
- ✅ 正确：
type="image/avif"、type="image/webp"、type="image/jpeg"、type="image/png" - ❌ 错误：
type="webp"、type="image/jpg"（应为image/jpeg）、type="image/webp;charset=utf-8" - 服务器返回的
Content-Type响应头必须与type完全一致，否则部分浏览器拒绝加载 - Nginx 需显式配置：
types { image/avif avif; image/webp webp; }
<picture></picture> 中 <source></source> 顺序和 <img alt="HTML图片格式降级怎么选？WebP转JPG技巧" > 兜底缺一不可
浏览器从上到下逐条检查 <source></source>，遇到第一个 type 支持且资源可解码（存在、格式合法、网络可达）就停止，不再往下看。
DeepBI DHTML 页面生成器
下载
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- AVIF 必须放最前：
<source srcset="a.avif" type="image/avif"></source> - WebP 居中：
<source srcset="a.webp" type="image/webp"></source> - JPEG/PNG 必须落在
<img src="a.jpg" alt="HTML图片格式降级怎么选？WebP转JPG技巧" >的src里，不能写成第三个<source></source>；否则 IE 和旧 WebView 会忽略整个<picture></picture> -
<img alt="HTML图片格式降级怎么选？WebP转JPG技巧" >的src必须是静态、可直访的 JPEG/PNG 路径（粘贴进地址栏能直接显示），且不可省略alt - 所有格式图片的宽高、构图、裁剪比例必须一致，否则切换时视觉跳变
WebP 批量转 JPG 的安全实操要点
不是换后缀就行。真实业务中，JPG 是唯一能在政务系统、打印店、OCR 工具、老旧图片管理器里“零障碍通行”的格式。
立即学习“前端免费学习笔记（深入）”；
- 命令行推荐用
ffmpeg：ffmpeg -i input.webp -q:v 95 output.jpg（-q:v 95控制质量，避免默认压缩过狠） - 批量转换时，先用
identify -format "%f %m %wx%h\n" *.webp（ImageMagick）校验原始尺寸和格式，再统一转出 - 转完必须验证：用 Windows 自带画图打开 JPG，确认无色偏、无模糊、无拉伸；用
file output.jpg确认输出确实是JPEG image data - 别用在线工具处理敏感图片——Convertio、iloveimg 等不承诺数据即时销毁，且免费版可能压缩过度或加水印
- 如果原始 WebP 是有损压缩（常见），转 JPG 时建议质量设为 90–95；若原始是无损 WebP，可用
cwebp -lossless反向还原再转，但多数场景没必要
Content-Type 与 HTML 中写的 type 完全一致——差一个字母，降级链就断在第一环。
