SuperAPI AI 工具集

retina-display

前端与建站

查看项目

更新于 10-16 07:14

技能介绍

用途:属于前端检查清单的图像规则,用于审查与高 DPI(Retina)显示支持相关的图片资源、标记和交付配置,确保标准图片在高像素密度屏幕上不模糊。

主要能力:

  • 为高 DPI 显示提供 2x 和 3x 图片。
  • 固定尺寸图片使用带 x 描述符的 srcset。
  • 响应式图片使用带 w 描述符的 srcset。
  • CSS background-image 使用 image-set() 或媒体查询。
  • 检查是否为 Retina 屏幕提供高分辨率图片,并给出修复方式。
  • 解释高清图片如何在高密度屏幕上保证清晰视觉。

使用方式:在代码审查中检查图片资源、标记与交付配置,标出在格式选择、尺寸或加载行为上违反该规则的具体文件或组件,并说明如何在 DevTools 中确认修复。完整实现细节、代码示例和框架特定指南见 references/rule.md。

适用场景:前端图片审查、Retina 适配检查、srcset 与 CSS image-set 配置核对。

限制:资料未提供具体价格、平台支持范围或性能数据。