Next.js 15 图片格式协商 AVIF/WebP 与 DPR-Width Client Hints 协同治理实践
在 Next.js 15 中结合 Accept 与 Client Hints（DPR/Width）进行图片内容协商，投递最优格式与尺寸，并以正确的 Vary 与缓存头防止污染、提升命中率。
AVIF
前端图片优化（AVIF_WebP 与响应式）
采用AVIF/WebP与响应式图片策略，通过`picture`与`srcset/sizes`及按需协商提升首屏与带宽效率，提供服务端与客户端配置与验证方法。
"前端图片优化：AVIF、WebP、Responsive 与懒加载"
"通过现代图片格式、响应式资源与懒加载优化首屏与交互性能，提供可直接使用的标签示例。"
Next.js 15 Accept 内容协商 WebP-AVIF 图片投递实践
在 Next.js 15 Edge Route Handler 中基于 Accept 进行图片格式协商，优先投递 AVIF/WebP 并设置 Vary 与缓存头，降低流量与首屏延迟。
