浏览器是直接加载二进制图片更快还是加载base64编码的图片更快？

 

问题对人有帮助，内容完整，我也想知道答案0问题没有实际价值，缺少关键内容，没有改进余地

浏览器是直接加载二进制图片更快还是加载base64编码的图片更快？哪个效率更高？

例如：

<img src=" https://sf-static.b0.upaiyun.com/v-57e4f057/global/img/user-256.png" />

和

<imgsrc="https://img-blog.csdnimg.cn/2022010708571192127.png"/>

•  

答案对人有帮助，有参考价值1答案没帮助，是错误的答案，答非所问

BASE64如下：

通过请求如下：

这里仅做抛砖引玉的作用，具体各个尺寸的比较就交给各位了。

 

如果仅从加载速度上来说，小图片使用base64毫无疑问会更快，因为可以减少一次http请求，但是如果图片较大，转换后的base64会更大，浏览器解析需要更长的时间，有可能会造成页面阻塞，效率上应该不如直接放图片，而且使用base64无法缓存(除非直接缓存整个文件)。
总结：分场景使用，小图标/icon使用base64效率一定更高，大图片使用默认方式加载，可以充分利用缓存，渲染解析效率高。