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

Question

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

例如：

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

和

Answer 1

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