图片资源规范

尽量少用图片,特别是非内容性质的,能用CSS画就尽量画一下

使用base64编码代替图片,适用于图片小于2KB,页面引用图片不多的情况。将图片转换为base64编码字符串inline到CSS或页面中,减少http的请求次数。

合并图片sprite(雪碧图)减少请求个数。(适用于http/1.1协议)

上线前对图片进行压缩(推荐https://tinypng.com/)

使用cdn

img标签添加alt属性

使用iconfont,如果可以使用svg替代

不要在HTML中缩放图片,使用需要大小的图片,使用cdn、oss的图片服务进行缩放裁剪

根据浏览器兼容情况,优先使用webp格

posted @ 2018-12-06 17:58  李元夕cool  阅读(106)  评论(0编辑  收藏  举报