图片保存规范
图片保存格式原则
不透明图片,照片,风景,人物等图片,保存为jpg格式
透明图片,图标,单色图片,卡通图片,保存为png格式
图片压缩原则,在不失真的情况下压缩到最小为最佳
解释:图片失真会影响阅读体验,图片过大会影响页面加载速度。
保存原则:透明图片和不透明的纯色图片保存为 png,色彩丰富或者渐变色较多的保存为 jpg;保存为 jpg 时,优先选择质量 80,有些超大图片可以尝试 60、70 等,以肉眼不失真为基准
在线压缩工具:https://www.yasuotu.com/
使用百度地图必须去掉图片上的动画以及图片的最大宽
解释:不去掉的话会造成百度地图卡顿
图片防抖动不得写成全局属性
轮播图默认需要加 a 标签,除非客户有特殊说明
解释:一般轮播图都需要跳转,所以默认要加上 a 标签
类似头像等地方的圆形图片要用 css 写出来,不得直接使用圆形图片,需要控制图片的大小
弹窗播放视频,关闭弹窗后必须主动暂停播放视频
解释:如果不暂停播放视频,视频会在后台继续播放,影响用户浏览网页
下一篇:移动手机端编码规范