响应式图像可以避免移动端用户下载桌面尺寸的大图，减少带宽浪费并提升页面加载速度。HTML 提供 srcset 属性用于分辨率切换，并提供 picture 元素用于艺术指导，以便向不同设备提供不同裁剪或格式的图像。Next.js 等现代框架会自动生成响应式图像，从同一个源文件创建多个尺寸，并根据视口提供最合适的版本。WebP 和 AVIF 格式配合 JPEG 备用格式还能进一步降低带宽。响应式图像对 Core Web Vitals 很重要：过大的图片会延迟 Largest Contentful Paint，而这是影响用户体验和搜索引擎排名的主要加载性能指标。