3.4.2 图片优化 `next/image` (回顾与深入)

文档摘要

3.4.2 图片优化 (回顾与深入) 3.4.2 图片优化 (回顾与深入) 3.4.2.1 的核心优势回顾组件的核心优势在于：自动图片优化: 自动处理图片优化，包括调整图片大小、优化格式 (WebP)、以及生成不同尺寸的图片，以适应不同的设备和屏幕尺寸。懒加载 (Lazy Loading): 只有当图片进入视口时才加载，避免加载视口之外的图片，从而减少初始加载时间和资源消耗。现代图片格式 (WebP): 自动将图片转换为 WebP 格式，WebP 格式通常比 JPEG 和 PNG 格式更小，同时保持相似的图片质量。响应式图片: 根据设备屏幕尺寸提供不同尺寸的图片，避免在小屏幕设备上加载大尺寸图片，从而节省带宽。