图片资源规范
尽量少用图片,特别是非内容性质的,能用CSS画就尽量画一下
使用base64编码代替图片,适用于图片小于2KB,页面引用图片不多的情况。将图片转换为base64编码字符串inline到CSS或页面中,减少http的请求次数。
合并图片sprite(雪碧图)减少请求个数。(适用于http/1.1协议)
上线前对图片进行压缩(推荐https://tinypng.com/)
使用cdn
img标签添加alt属性
使用iconfont,如果可以使用svg替代
不要在HTML中缩放图片,使用需要大小的图片,使用cdn、oss的图片服务进行缩放裁剪
根据浏览器兼容情况,优先使用webp格