用途：为网站制定图片策略，设计首屏与图库，进行图片技术优化（格式、压缩、srcset），使用图标与 SVG 或构建图标系统，撰写与审查 alt 文本，并在图库照片与定制图像之间做决策。
主要能力与原则：图片是内容而非装饰，每张图须有用途；质量优于数量；先定视觉概念再选图；性能不可妥协（图片占页面重量 50-70%）；真实优于完美。图片可承担布局、导向、内容、情感四类功能。
技术规则：以 WebP（标准）或 AVIF（进阶）压缩；通过 srcset 提供至少 3 个尺寸（400px、800px、1200px）；用 picture 做艺术指导；设置 width 与 height 防止 CLS；首屏以下用 loading="lazy"；文件小于 200KB（首屏最大 400KB）。alt 文本精确描述内容，不以“Image of...”开头，纯装饰图用 alt=""，使用描述性文件名。图标始终配文字标签，全站统一图标集，优先 SVG。
禁止事项：避免通用图库照片与陈词滥调图像；不直接以原始分辨率提供图片；有 WebP/AVIF 时不用 JPEG/PNG；不懒加载首屏图与 logo；不把重要文字仅嵌入图片。
常见模式：带遮罩的首屏图、统一比例图库、图片卡片、picture 艺术指导、图标系统。反模式包括图库单调、未优化大图、装饰图过载、缺失 alt、视觉语言不一致。
限制：资料未提供具体安装命令、代码示例细节、收费或平台信息；代码示例见 references/responsive-images.md。