如何使用Chrome浏览器转换和查看图片Base64编码

我们知道任何图片都可以通过base64编码（或称为Data URL），将文件变成一串字符串。这样对网站站长来说，服务器中就不需要存放图片文件了，而是可以将图片写进网页HTML文件中。可以节省大量的服务器请求。本文分享给大家如何通过Chrome浏览器，无需编码和编程知识，直接得到图片文件的Base64代码。

步骤1：使用Chrome开发者工具审查元素

首先，用Chrome浏览器打开网页，在需要得到Base64编码的图片位置，右击图片，点击“审查元素”。

步骤2：在资源面板中查找Base64编码

进入Chrome开发者工具面板后，右击图片地址，点击菜单“Open link in Resources panel”，或直接点击Chrome开发者工具面板中的Resources面板。

在旧版的Chrome浏览器中，这时右侧会直接显示出所查图片的Base64编码。

在新版浏览器中，由于性能原因，不会直接显示出图片的Base64代码。但是，可以右击右侧图片，点击其中的“Copy image as Data url”。这样图片Data URL的Base64代码，就可以复制到操作系统的剪贴板中了。

步骤3：在地址栏中查看图片

其实，也可以直接将Base64编码复制到Chrome浏览器的地址栏中，然后按下回车键，即可看到图片了。

这样，通过Chrome浏览器，就可以方便地转换和查看图片的Base64编码，而无需编码和编程知识。

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。