Next.js 15 Accept 内容协商 WebP-AVIF 图片投递实践
在 Next.js 15 Edge Route Handler 中基于 Accept 进行图片格式协商，优先投递 AVIF/WebP 并设置 Vary 与缓存头，降低流量与首屏延迟。
图片
图片加载与解码 loading=lazy 与 decoding=async 实践
基于 `loading=lazy` 与 `decoding=async` 优化图片加载与解码流程，配合尺寸占位与优先级策略验证对 LCP/INP 的改善。
前端图片优化：AVIF、WebP、Responsive 与懒加载
"通过现代图片格式、响应式资源与懒加载优化首屏与交互性能，提供可直接使用的标签示例。"
现代图片编解码与图像管线优化：AVIF/WebP、响应式图片与CDN变换
构建现代图片管线，从编解码（AVIF/WebP）到响应式加载与 CDN 变换，结合懒加载与优先级控制，给出可验证的字节减少与渲染指标
图片优化实战：AVIF/WebP 与响应式 imagesrcset/sizes
对比 AVIF/WebP 在压缩与质量上的优势，结合响应式 `srcset/sizes` 与 `picture` 的使用，系统化提升图片加载性能与清晰度。
响应式图片选择：picture/srcset/sizes 与 AVIF/WebP 回退
"介绍 `` 与 `srcset/sizes` 的协作，以设备与布局选择最优格式与尺寸，优先 AVIF/WebP 并为不支持的浏览器回退到 JPEG/PNG，提供示例与验证。"
响应式图片实践：srcset/sizes 与 picture 的优化
"系统讲解 x/w 描述符与 sizes 的协作、DPR 与布局尺寸的选择逻辑，以及 picture 在艺术指导场景下的应用与 LCP 影响。"
图片与视频优化（WebP/AVIF、Responsive Images、CDN 转码与自适应码率）
系统梳理图片与视频的格式选择、响应式加载与 CDN 转码策略，提供可验证的实现与观测方法。
