用途:在前端代码审查中检查SVG文件是否经过优化,重点审视图片资源、页面标记以及CDN或构建转换环节。
主要能力:识别设计工具导出SVG时带入的多余元数据、注释、格式化内容和冗余属性;评估编码体积、渲染尺寸与加载策略;提示将优化步骤纳入构建流程,实现自动处理。
使用方式:使用SVGO或同类工具优化SVG文件以减小体积。优化时需保留viewBox和无障碍(accessibility)相关属性,避免破坏缩放与可访问性。进行代码审查时,应指出具体违反规则的文件或组件,说明其格式选择、尺寸或加载行为存在的问题,并描述如何在浏览器DevTools中确认修复效果。
适用场景:前端项目中的SVG图标、插画等资源审查,以及构建、CDN传输配置的检查。
限制与补充:资料称SVG优化通常可减少50%至80%的文件体积且不损失质量,但具体收益因文件而异。完整实现细节、代码示例与框架相关指南见references/rule.md;规则页为https://frontendchecklist.io/rules/images/svg-optimization。其他信息暂未提供。