图片与 Base64 互转

图片转成 Base64 文本,或把 Base64 文本还原成图片。全程在你的浏览器里完成,图片不会上传。

使用限制

Base64 会让数据变大约三分之一,所以适合图标、小图;大图建议还是用文件引用。
超过 20 MB 的图片会变得很卡,生成前会提示。
没有 data: 开头的 Base64,按文件头里的特征字节识别格式(PNG、JPG、GIF、WebP、SVG、BMP、ICO);认不出的会提示,而不是硬当成图片。

1. 选择图片(可多选,支持 PNG、JPG、WebP、GIF、SVG)

纯 Base64 使用 URL 安全写法(+ / 换成 - _,并去掉末尾等号)

2. 粘贴 Base64 文本(带 data:image/…;base64, 开头也可以,不带也可以)

图片转 Base64:选择图片,点“生成 Base64”,再点想要的写法旁边的复制按钮:纯 Base64、data URL、CSS 的 url() 或 img 标签。
Base64 转图片:把文本粘贴到下面的框里,点“还原为图片”,预览没问题就下载。
粘贴的文本里有换行、空格都没关系,会自动处理;URL 安全写法(- 和 _)也能识别。

图片会被上传吗?

不会,编码和还原都在你的浏览器里完成,没有网络请求。

data URL 和纯 Base64 有什么区别?

data URL 多了“data:image/png;base64,”这一段头,浏览器可以直接用在图片地址或 CSS 里;纯 Base64 只有编码本身,适合交给接口或自己拼头。

还原后的图片和原图一样吗?

一样。编码只是换了一种表示方式,没有重新压缩,还原得到的字节与原文件完全相同。