"CSS 响应式背景图：image-set() 与分辨率选择"
"介绍 CSS `image-set()` 在背景与内容图片上的用法，根据设备像素密度选择最优资源，结合 AVIF/WebP 与 MIME，提升画质与性能。"
image
Next.js 图片优化（next-image）与缓存策略实战
引言`next/image` 在 App Router 下提供内置的图片优化与懒加载能力；合理配置远程域名与缓存头可显著提升首屏与滚动体验。能力与配置（已验证）图片优化：自动根据视口与 DPR 生成合适尺寸，并支持懒加载与占位。来源：Next.js 文档（Images）。远程图像：在 `next.c
Next.js 15 next-image 占位符与解码策略实践 placeholder-blur-decoding-async
使用 next/image 的占位符与解码策略优化首屏与列表图像体验，结合 sizes/priority 与预加载，降低 LCP 并减少布局抖动。
