我们知道任何图片都可以通过base64编码（或称为Data URL），将文件变成一串字符串。这样对网站站长来说，服务器中就不需要存放图片文件了，而是可以将图片写进网页HTML文件中。可以节省大量的服务器请求。本文分享给大家如何通过Chrome浏览器，无需编码和编程知识，直接得到图片文件的Base64代码。
工具/原料
Chrome浏览器
方法/步骤
1
首先，用Chrome浏览器打开网页，在需要得到Base64编码的图片位置，右击图片，点击“审查元素”
2
这样即可进入Chrome开发者工具面板，右击图片地址，点击菜单“Open link in Resources panel”
3
也可以直接点击Chrome开发者工具面板中的Resources面板
4
在旧版的Chrome浏览器中，这时右侧会直接看到图片Base 64编码。
5
在新版浏览器中，由于性能原因，不会直接显示出所查图片的Base 64代码。但是，可以右击右侧图片，点击其中的“Copy image as Data url”
6
这样图片Data URL的Base 64代码，就可以复制到操作系统的剪贴板中了。打开一个记事本，按下粘贴快捷键Ctrl+V，就可以看到具体内容了。
7
其实，也可以直接将Base 64编码复制到Chrome浏览器的地址栏中，然后按下回车键，即可看到图片了。
注意事项
1
图片图像较为复杂或者体积较大时，Base64编码的字符串会特别长
2
图片Base64编码的字符串，用浏览器打开后，可以直接另存为图片文件。
上一篇：myBase怎样进行中文搜索