图片转 base64 编码

- 或者 -
将图片拖动到这里

如果图片较大,转换时间可能较长


图片为什么要转 base64 编码

当我们在编写网页时,如果要引入一张图片,通常有两种方式。

  1. 直接引用图片的 URI,比如 https://www.codeeeee.com/.../come.png
  2. 将图片编码为 base64,插入到 html 或者 css 中

相比使用 URI 的方式,将图片编码成 base64 的作用和优点主要是减少网络请求。如果采用 URI 的方法,浏览器需要发送一个 http(s) 请求获取图片内容;而将图片编码成 base64 写入到文档中,当 html 文档下载下来后,图片也随着文档下载下来了,不需要另外发送请求。当然,base64 后的数据一般会比原图的大。所以对于较大的图片,使用 base64 时需要权衡下是否收益大于损失。