用途：该技能聚焦网页图片的性能优化，提供格式选择、响应式图片、懒加载与性能规则等实践指导。
主要能力：一是格式选择建议，WebP 适合照片与插画，体积比 JPEG 小约 30%，支持广泛；AVIF 适合下一代照片，体积比 JPEG 小约 50%，支持度仍在增长；SVG 适合图标、标志与简单图形，可缩放且体积极小；PNG 适合含文字的截图与透明图，无损但文件较大；JPEG 作为照片的通用回退格式。二是响应式图片，通过 srcset 提供 400w、800w、1200w 等不同宽度版本，配合 sizes 按视口宽度选择合适尺寸，并设置 src 回退、alt 描述、loading="lazy" 与 decoding="async"。
性能规则：首屏以下的图片使用 loading="lazy" 懒加载；按显示尺寸提供图片，避免在 400px 容器中加载 4000px 大图；首屏主图用 <link rel="preload" as="image"> 预加载；通过 CDN 从边缘节点分发图片；设置明确的宽高尺寸以防止布局偏移（CLS）。
适用场景：适用于前端页面、内容站点与电商等需要控制图片体积、提升加载速度与稳定布局的网页开发场景。
限制：资料未提供具体工具、安装命令、代码库或自动化流程，也未说明收费、平台与效果数据；上述格式的体积对比与支持度为资料中的一般性描述，实际效果需结合项目验证。