Next.js图片优化：Image组件、CDN与响应式

# Next.js图片优化：Image组件、CDN与响应式 ## 概览 Image 组件内置尺寸、占位与懒加载支持，结合 CDN 与缓存策略可显著降低带宽与渲染成本。 ## 技术参数（已验证） - 尺寸与密度：提供多尺寸与密度资源，组件自动选择最佳。 - 占位/懒加载：`placeholder=blur` 与 `loading=lazy` 提升体验。 - 缓存：CDN 缓存与 `Cache-Control`、SWR 策略减少回源。 ## 实战清单 - 为关键图像提供多版本与占位，控制最大尺寸。 - 配置 CDN 域与远程加载规则，统一缓存策略。