首页 > 5811标准 > 规范

图片命名保存规范

图片保存规范


图片保存格式原则

  • 不透明图片,照片,风景,人物等图片,保存为jpg格式

  • 透明图片,图标,单色图片,卡通图片,保存为png格式


图片压缩原则,在不失真的情况下压缩到最小为最佳

解释:图片失真会影响阅读体验,图片过大会影响页面加载速度。

保存原则:透明图片和不透明的纯色图片保存为 png,色彩丰富或者渐变色较多的保存为 jpg;保存为 jpg 时,优先选择质量 80,有些超大图片可以尝试 60、70 等,以肉眼不失真为基准

在线压缩工具:https://www.yasuotu.com/


使用百度地图必须去掉图片上的动画以及图片的最大宽

解释:不去掉的话会造成百度地图卡顿


图片防抖动不得写成全局属性


轮播图默认需要加 a 标签,除非客户有特殊说明

解释:一般轮播图都需要跳转,所以默认要加上 a 标签


类似头像等地方的圆形图片要用 css 写出来,不得直接使用圆形图片,需要控制图片的大小

弹窗播放视频,关闭弹窗后必须主动暂停播放视频

解释:如果不暂停播放视频,视频会在后台继续播放,影响用户浏览网页