SuperAPI AI 工具集

image-compression

前端与建站

查看项目

更新于 10-16 06:14

技能介绍

用途:这是一条前端性能检查规则,聚焦图片压缩,目标是让图片在不出现明显画质损失的情况下减小体积,以降低页面重量和加载时间。资料指出,未压缩图片常比实际所需大 5-10 倍,恰当压缩可减少 60-80% 的文件体积,且视觉影响很小。

主要能力与检查要点:审查图片是否被恰当压缩而未造成明显质量损失;检查与图片压缩相关的图片资源、标记和交付配置,标出在格式选择、尺寸或加载行为上违反规则的具体文件或组件,并说明如何在 DevTools 中确认修复。

参考做法:JPEG 可压到 70-85% 质量,通常视觉上几乎无差别;照片类用有损压缩,图形类用无损压缩;在构建流程中自动完成压缩。修复可使用 ImageOptim、TinyPNG 等工具或自动化构建流程。

适用场景:前端代码审查、图片资源与标记检查、构建或 CDN 图片转换配置核查。

限制:资料未提供具体框架实现、完整代码示例和自定义配置方法;相关完整实现细节、代码示例和框架专属指导需参见 references/rule.md。资料未提及具体收费、价格或平台支持范围。