把图片转成base64编码有什么好处吗？

将图片转换为base64编码最常见的应用就是在将网页中的一些图片转黄为base64编码可以实现网页图片在网速 不好的时候先于内容加载和减少http的请求次数来减少网站服务器的负担。

1、关于提前加载图片的应用

这个大家可以去看一下天猫主页的css代码，大家可能没有注意到，在我们使用网速不好的时候网络去访问天猫的时候，在页面没有完全加载出来的时候会出现一个“小猫”的等待图标，增加了用户体验。其实现的原理就是将那张图片使用base64编码放到css中，因为我们都知道，css是在html的头部引用的，要是优先与下面的内容被加载，所以在网速不好的时候就会出现这种效果。

（天猫css截图）

2、关于减少请求次数

我们都知道，我们的网站采用的都是http协议，而http协议是一种无状态的连接，就是连接和传输后都会断开连接节省资源。此时解决的方法就是尽量的减少http请求，此时base64编码可以将图片添加到css中，实现请求css即可下载下来图片，减少了再次请求图片的请求。当然减少http请求次数的方法还有很多，如css sprite技术，将网页中的小图片拼在 一张大图中，下载时只需要一次完整的http请求就可以，减少了请求次数。