首页 > 原创文章 > 技术应用 > 查看文章

图片转为Base64代码的方法 | 图片在线转Base64

所属分类:技术应用 来源: 丁老师原创 更新时间:2026-08-11 08:53 浏览: 687 IP属地: 深圳

各位同学知道吗?图片文件的存储,可以以文件形式存储在本地,也可以转为Base64代码,以代码的形式存储与数据中。这种将图片转为base64代码的方法非常灵活,可以广泛应用在各种软件开发项目中。比如我们在开发微信小程序时,如果我们通过css引入本地图片,一般几十kb的图片还可以使用,但稍微大一点的图片,就会提示本地图片无法引用,只能使用远程网络图片或base64格式的图片,如果考虑到网络远程图片加载的流量和时效问题,将图片转为base64代码,使用base64代码作为图片引入,则是更适合的方式。

那么问题来了,图片如何转为base64代码呢?今天丁老师教给大家。

两种方式

一、图片在线转Base64
丁老师自己开发的有在线图片转Base64工具,点击访问,支持jpg、png、bmp等格式的图片,上传后即可自动转换为Base64代码,如图:

image.png

方法二、Windows本地图片转Base64
这种不需要上传图片,只要有Windows操作系统就可以转换,具体方法为:

1.在开始菜单上点右键,选择运行,输入Powershell,打开Powershell工具。

image.png

image.png

image.png

2.在Powershell中输入命令,然后点击Enter键确认。

3.输入以下代码,其中,需要把c:\License.dat,换成你的图片文件

[Convert]::ToBase64String([IO.File]::ReadAllBytes("c:\License.dat"))

4.输入代码完成后,点击Eneter回车键,系统会自动显示出该图片文件的Base64值,直接复制即可使用。

image.png

备注:其实不止图片文件,包括其他格式的任何文件,都可以使用此方法,获取Base64值(文件最好不要太大,不然可能会导致代码过多而引起内存移除)。

相关文章

网站前后端分离是什么意思,如何实现前后端分离

在网站开发行业,这几年比较流行一个词,叫做前后端分离,这个前后端分离是什么意思呢?前后端分离的话,都有什么缺点和优点,如何实现?今天丁老师进行一下介绍。什么是前后端分离?1.传统网站,是把动态程序代码和数据,写到html模板中,有服务端...

微信小程序搜索如何让排名靠前?

上一期我们讲到了《微信小程序发布后多久可以能被搜索到?》,我们已经知道了微信小程序在上架后,多久能被搜索到的一个时间范围。本期我们讲一下,微信小程序被搜索,如何提升排名,是搜索结果靠前的方法。首先,微信小程序的搜索结果排名,并没有一个固...

宝塔Redis/Mysql无法启动的原因及解...

有同学反应,在使用宝塔时,突然Mysql和Redis停止运行了,怎么启动也启动不了,Mysql启动失败,并且也不报错,没有错误日志;Redis提示启动成功,但是在宝塔里始终是显示未启动状态,用命令行启动显示success,但再执行ser...

Krpano全景图默认开启陀螺仪

krpano全景图默认开启陀螺仪的方法

推荐文章

Wordpress如何开启错误调试,查看错误...

在使用wordpress的过程中,有的时候部分页面打不开,或是程序不能正常使用,也没有显示具体的错误信息,这个时候该怎么办呢?首先是查看错误日志,可以查看wordpress本身的错误日志,以及php的错误日志。这时有朋友提问了,wordpr...

微信小程序如何接入微信AI生态?附接入方法

2026年6月8日,微信团队发布了《关于开发者接入微信AI生态的指引》文章,旨在面向开发者提供接入微信AI生态的能力,对于开发者和企业而言,把自己的微信小程序接入微信AI生态,将有机会被微信AI推荐和调用,在传统小程序运营的基础上,等于是又...

fontawesome所有图标class类名...

fontawesome所有图标class类名单,适用于4.7.0版本。总计有593个图标class类(包含别名):fa-500pxfa-address-bookfa-address-book-ofa-address-cardfa-addre...

国产信创项目操作系统要求用什么?web中间件...

从事技术开发的同学都知道,不管是做网站也好,开发各种业务系统也好,目前大多数企业部署的web环境是-操作系统:Linux,数据库:Mysql/MariaDB/PostgreSQL/MongoDB,Web容器:Nginx/Tomcat/Apa...