上传图片即可一键生成 Base64 代码,也可以将已有的 Base64 字符串还原为图片,方便网页开发与日常使用。
图片转 Base64 与 Base64 还原图片的计算都在浏览器本地完成,图片不会上传到服务器。
支持直接粘贴带有 data:image/...;base64, 前缀的完整数据 URI,也支持只粘贴纯 Base64 内容。
Base64 是一种常见的文本编码方式,可以把二进制图片数据转成由字母、数字和符号组成的字符串。通过这种方式,图片可以被直接写入 HTML、CSS、JSON 或配置文件中,用于小图标、LOGO、占位图等场景。
将图片转为 Base64 后,可以通过 data:image/png;base64,... 的形式直接内嵌在网页中,减少额外的 HTTP 请求数量,对极少量的小图片有一定的加载优势,也非常适合在 Markdown 文档、接口示例、在线演示中使用。
不过,Base64 编码后的体积通常会比原始图片文件增大约 30% 左右,因此不适合直接对大图、照片类资源全部进行编码。更合理的做法是只对体积较小、需要紧密跟随文本内容的图片使用 Base64,而大尺寸图片仍然建议走普通文件路径加载。
本工具支持图片与 Base64 的双向转换,且所有运算均在浏览器完成,无需上传到服务器,也无需安装任何软件。无论是前端开发、接口调试、文档编写,还是简单的格式互转,都可以在这里快速完成。
Base64 是一种把二进制数据编码为文本字符串的方式,常用于在文本环境中传输或存储二进制文件。
常见用途包括在 HTML、CSS 中内嵌小图标,在接口 JSON 中嵌入图像数据,或在 Markdown 文档中附带截图。
通常会变大,大约比原始二进制数据增加 30% 左右,所以不适合对所有大图统一编码。
这是数据 URI 的前缀,用来声明这是一个 PNG 图片,并且后面跟随的是 Base64 编码的内容,浏览器据此解析图片。
对少量体积很小的图片,有时可以减少请求数,从而略微提升速度。但大量大图使用 Base64 反而可能拖慢加载。
因为所有读取文件与生成 Base64 的操作都是通过浏览器内置的 FileReader 等接口在本地完成的,不依赖服务器参与。
当图片体积较大、数量较多、需要缓存或频繁更换时,更适合使用独立的图片文件而非 Base64。
可以,本工具会自动为你补全 data:image/png;base64, 前缀,并尝试将其还原为图片。
不会,Base64 只是对已经生成的二进制数据进行编码,不会改变图片本身的分辨率或压缩质量。
无需写任何脚本或命令,只需拖拽或选择图片即可立即得到可用的 Base64 串,大幅提高效率并减少出错概率。
将本地图片快速转换为 Base64 代码,或将 Base64 串一键还原成图片。
手机扫码也可以进行图片与 Base64 互转。