图片转Base64工具
图片转 Base64 / Data URL,也能把 Base64 还原成图片。
图片不会上传,全部在你的浏览器里完成转换。
关于图片转Base64工具
把图片嵌进 HTML、CSS 或 JSON 里时,通常要转成 Base64。这个转换本身很简单,但很多在线工具要求先把图片上传到它的服务器——对内部资料、截图、带水印的图来说,这一步就等于把文件交出去了。
本工具用浏览器自带的 FileReader 在本地完成转换,图片自始至终没有离开你的设备。反向也可以:把一段 Base64 或 Data URL 粘进来,直接预览并下载成图片文件。
要注意的是,Base64 会让体积膨胀约三分之一。图片超过一两百 KB 时,嵌进代码里会让文件变得很大,加载也变慢,这种场景更适合直接引用图片文件。
怎么用
- 点「选择图片」挑一张本地图片,自动转成 Base64 和 Data URL
- 或者把已有的 Base64 字符串粘贴到文本框,点「Base64 转图片」预览
- 用「复制」按钮把结果拿走,或用下载链接保存还原出来的图片
常见问题
- Base64 和 Data URL 有什么区别?
- Data URL 是 Base64 前面加了一段声明,形如 data:image/png;base64,xxxx。直接把这段放进 img 标签的 src 或 CSS 的 background 里就能显示。纯 Base64 只是编码后的数据本身。
- 为什么转换后体积变大了?
- Base64 用 4 个字符表示 3 个字节,所以体积会膨胀约 33%。这是编码方式决定的,不是工具的问题。
- 能处理多大的图片?
- 受浏览器内存限制,几 MB 的图片没问题,但转出来的字符串会很长,页面渲染会变慢。超大图建议用命令行工具处理。
- 图片会上传吗?
- 不会。读取和编码都在浏览器里完成,没有任何文件发送到服务器。