怎么把图片转换成base64字符串

我们看到有些图片的地址是data:image/png开头的一串字符串，这其实是图片转换成base64字符串了。这种方式的好处是不用再去请求图片，节省时间，提交效率。那么我们怎么样图片转换成base64字符串呢？很简单，我们日常用的浏览器就可以轻松帮我们实现，包括360/Chrome/Firefox浏览器。

360和chrome浏览器

首先介绍如何用360和chrome浏览器获得图片base64字符串，这两浏览器的操作方法是一样的（360用的是chrome内核）。

1、对于本地图片，先把浏览器窗口缩小，然后把图片拖到浏览器里。对于网络图片，可以直接用浏览器访问图片地址来打开图片。

2、打开本地图片或网络图片后，按“Ctrl+Shift+I” 打开开发者工具。点击“Sources”标签，再双击左侧的图片文件名，这时，右侧就会显示该图片的base64字符串了。

Firefox浏览器

1. 与360/Chrome浏览器一样，对于本地图片，先把浏览器窗口缩小，然后把图片拖到浏览器里。对于网络图片，可以直接用浏览器访问图片地址来打开图片。
2. 打开本地图片或网络图片后，按“Ctrl+Shift+I” 打开开发者工具。
3. 右键点击图片代码，点击菜单里的“复制图像数据”，粘贴到记事本或任何编辑器，这段就是该图片的base64字符串了。

学会使用360/Chrome/Firefox浏览器轻松获得图片base64字符串的方法，我们就不用再去下载安装某些转换软件了，也不用辛苦在网上找在线转换工具了。