关于图片

1、bmp(BitMap:位图):最早期的图片格式,无压缩
2、jpeg:有损压缩、体积小、加载快、不支持透明
适用场景:大的背景图、轮播图、banner图
3、png:无损压缩、质量高、体积大、支持透明
4、gif:支持动画
5、svg:矢量图,不失真,兼容性好
6、base64:文本文件,依赖编码,小图标解决方案
和雪碧图一样,Base64 图片的出现,也是为了减少加载网页图片时对服务器的请求次数,从而提升网页性能。Base64 是作为雪碧图的补充而存在的。
因为 Base64 编码后,图片大小会膨胀为源文件的 4/3,如果将大图编码到 HTML 或者 CSS 中,这样后者的体积增加,即便减少了 HTTP 请求,也无法弥补庞大的体积带来的性能开销。
7、webp:仅 Chrome、UC 等几家浏览器支持,所以局限性较大,目前暂不考虑使用