图片 ↔ Base64

图片转 Base64 数据 URL，或粘贴 Base64 预览图片，数据不上传。

在浏览器本地运行

图片 → Base64

Base64 → 预览

如何使用图片 ↔ Base64

拖入图片,立即得到它的 Base64 数据 URI。
也可以反向粘贴 Base64 字符串,预览还原成图片。
复制编码后的字符串,或把解码后的文件下载回本地。

常见用途

把小图标直接内嵌进 CSS 或 HTML,省掉一次网络请求。
通过只能传文本的 JSON 接口字段传输图片。
解码并查看第三方服务返回的数据 URI。
验证一段 Base64 载荷是否是有效的可渲染图片。

使用前须知

Base64 会把体积放大约三分之一,大照片不建议使用。
超大图片受浏览器可用内存限制。
解码需要完整的数据字符串,被截断的输入会失败。

接下来可以做什么

URL 编解码 Base64 编解码图片压缩

常见问题

图片会上传吗？

不会，使用浏览器 FileReader 本地读取。

支持哪些格式？

浏览器能解码的图片格式均可：PNG、JPEG、WebP、GIF。

为什么输出很长？

Base64 把二进制编码为文本，体积约为原文件 133%。