用途:在 Astro 7 项目中按图片来源与使用场景配置图片,选择 Image、Picture 或原生 img,并核查尺寸、比例、响应式与加载行为。
主要能力:处理三类来源——src 中的 import 资产、public 中直接提供的文件、经授权的远程 URL;为经 Astro 管线处理的资产选择 Image 或 Picture;按视觉位置设置尺寸、sizes 与加载策略;检查 LCP、宽高比与 alt 文本。
使用方式:先读资产来源、尺寸、组件与布局;若路径与示例不同,使用 .astrofy/config/paths.json 中定义的路径;应用在线文档 API 前先确认 lockfile 和 node_modules 中安装的版本。区分 src 中的处理后资产与 public 中直接服务的文件,按真实构成选择尺寸,按功能选择替代文本。需要按视口裁切时使用带 media 的不同源;需要同一图像的多格式替代时使用 Picture,并核查两者焦点。移动资产时更新引用方并检查主题中的变体。
验证:用 astrofy check --category images 执行检查。比例错误应能通过视觉对比发现;装饰性图片可用空 alt,功能性图片需说明操作。最终确认图片保持比例、替代文本合适,且显示尺寸下未占用不必要的字节;可在浏览器中对比 currentSrc 与 CSS 宽度及设备像素密度,确认内容类型与接收字节数。
限制:资料未提供安装命令、配置细节、支持版本范围及定价信息,暂未提供。