图片资源管理要保存原图并输出适配页面的版本。直接上传超大素材或过度压缩，都可能影响使用体验。

区分图片用途

横幅、产品图、缩略图和证书分别设尺寸，保留关键细节与原图查看入口。

生成适用格式

比较清晰度与体积，支持格式用回退或相应方案，透明与动画素材单独处理。

建立命名与替换

按资源编号与版本管理，更新检查缓存和引用。正文图片可延后加载，首屏关键图不要一律懒加载。

技术参考：MDN：资源延后加载。

图片管理保留原图与用途

按产品、场景和版本标记素材，生成展示尺寸时保留可追溯原文件。

压缩后核对文字和细节，替换图片时检查旧链接；文件名可读但不要堆叠同一关键词。

例如宣传图内含小字，压缩后需检查手机可读性，不能只比较文件体积。

相关阅读：企业网站性能：图片、字体、缓存与访问指标。