图片转Base64工具

在线图片转 Base64 工具，将图片转为 DataURL 编码，可直接用于 CSS background、HTML img 和接口，支持 Base64 转图片下载，本地转换不上传。

上传图片

或输入 Base64 字符串

-

文件大小

-

Base64 长度

完整 DataURL

纯 Base64 字符串

CSS background 代码

HTML img 代码

功能介绍

本工具可以将图片文件转换为 Base64 编码，同时生成可直接使用的 DataURL、CSS 代码和 HTML 代码片段，也支持反向输入 Base64 编码预览图片并下载。

使用方法

正向转换：点击「上传图片」选择本地图片文件，工具会自动读取并生成对应的 Base64 编码和各类代码片段，同时显示文件大小和编码长度。
反向预览：在「输入 Base64 字符串」文本框中粘贴 Base64 编码，工具会自动生成预览图，可直接下载。

转换原理

Base64 是一种基于 64 个可打印字符来表示二进制数据的编码方式，图片转 Base64 的过程是：

读取图片的二进制数据
按照 Base64 编码规则将二进制数据转换为字符串
添加 DataURL 前缀（data:[MIME类型];base64,）得到完整的可在网页中直接使用的链接格式

计算公式：Base64 编码后的数据大小约为原图片大小的 4/3，因为每 6 个二进制位编码为一个字符，会增加 1/3 的额外开销。

注意事项

大图片转换后 Base64 字符串会很长，不建议直接嵌入网页，可能会增加页面体积和加载时间。
本工具仅在浏览器本地完成转换，图片不会上传到服务器，隐私安全有保障。

什么是 Base64，为什么需要把图片转成 Base64？

Base64 是一种将二进制数据编码为文本的方式，把图片转成 Base64 后，可以将图片直接嵌入到 HTML、CSS 中，不需要单独引用图片文件，减少 HTTP 请求数量，适合小图标、嵌入场景使用。

转换后的 Base64 比原图片大吗？

是的，Base64 编码会比原二进制数据大约大 1/3，因为编码规则会增加额外的字符开销，所以大图片不建议使用 Base64 嵌入。

粘贴 Base64 为什么无法预览？

请检查您输入的内容是否完整，如果只粘贴了纯 Base64 字符串，工具会自动补全前缀；如果还是无法预览，可能是编码不完整或者格式错误，请重新复制正确的 Base64 内容。

转换后的结果会上传到服务器吗？

不会，所有转换过程都在您的浏览器本地完成，图片和结果都不会上传到服务器，您可以放心使用。