用途:属于前端检查清单的图像规则,用于审查与高 DPI(Retina)显示支持相关的图片资源、标记和交付配置,确保标准图片在高像素密度屏幕上不模糊。
主要能力:
- 为高 DPI 显示提供 2x 和 3x 图片。
- 固定尺寸图片使用带 x 描述符的 srcset。
- 响应式图片使用带 w 描述符的 srcset。
- CSS background-image 使用 image-set() 或媒体查询。
- 检查是否为 Retina 屏幕提供高分辨率图片,并给出修复方式。
- 解释高清图片如何在高密度屏幕上保证清晰视觉。
使用方式:在代码审查中检查图片资源、标记与交付配置,标出在格式选择、尺寸或加载行为上违反该规则的具体文件或组件,并说明如何在 DevTools 中确认修复。完整实现细节、代码示例和框架特定指南见 references/rule.md。
适用场景:前端图片审查、Retina 适配检查、srcset 与 CSS image-set 配置核对。
限制:资料未提供具体价格、平台支持范围或性能数据。