Client Hints图片自适应：Accept-CH与DPR/Width治理

Client Hints图片自适应：Accept-CH与DPR/Width治理概览通过 `Accept-CH`/`Content-DPR` 与 `DPR/Width` 请求头启发服务端生成适配图像，降低传输体积。与 `picture/srcset/sizes` 协同，确保缓存与兼容。技术参数（已验证）头部：服务端返回 `Accept-CH: DPR, Width`；浏览器随后发送 `DPR` 与 `Width`；响应设置 `Content-DPR`。缓存：按头部维度细分缓存键；使用 `Vary: DPR, Width` 避免错配；与 CDN 协同。质量与尺寸：根据 DPR 与布局宽度生成；控制质量与编码（AVIF/WebP）。回退：不支持 CH 的浏览器使用 `srcset/sizes`；保持功能可用。观测：记录体积与解码时间；评估收益与成本。实战清单启用 `Accept-CH` 并在 CDN/源站统一 `Vary` 键；生成多档尺寸与质量。在前端配合 `picture/srcset/sizes`；保持兼容与降级路径。将指标纳入性能预算；持续优化策略。