Base64 转图片
粘什么都能用 —— 完整 Data URI、裸字符串、折行过的日志片段,或者你已知它已经坏了。图会随着粘贴直接出现,全程在浏览器里完成。
任何格式都接受:带前缀、纯串、折行、URL 编码、URL-safe,或者已经坏掉的。
图片会显示在这里
在左侧粘贴即可,不需要点按钮。全部在你的浏览器里完成。
什么时候会用到
- 接口把图片放在一个 Base64 字段里返回,你只想先看一眼,不想为它写个解码脚本。
- 日志里埋着一段 Base64,你需要先判断它到底是不是图片。
- 读别人的代码时,想快速看一眼内嵌的图片资源长什么样。
别的 Base64 工具为什么在这里失败
多数转换器强制要求 data:image/png;base64, 前缀,没有前缀就什么都不做,也不告诉你为什么。
不少工具把前缀里声明的 MIME 当真。字符串说是 PNG、字节其实是 JPEG 时,严格解码器要么报错,要么直接交给你一个标错类型的文件。
几乎没有工具解释失败原因。你得到一个红框,没有任何下一步提示。
常见问题
我粘贴的 Base64 会被上传到服务器吗?
不会。本站没有后端。解码用的是浏览器自带的 atob 与 Blob API。你可以自己验证:打开 DevTools 的 Network 面板,粘贴一段内容,观察是否发出请求 —— 一个都不会有。页面加载过一次之后,断网也能继续使用。
图片显示出来了,但看着不对或者缺了一块,是怎么回事?
这种情况几乎都是字符串本身不完整,而不是解析错了。如果原始编码按 76 字符折行,而中途某一行的换行被吃掉了,就会丢掉中间一段字节。诊断面板会报告解码后的精确字节数,拿它和你预期的数值对一下即可确认。
前缀里写的格式是错的,还能识别出真实格式吗?
能。格式由文件的魔数(开头几个字节)决定,不看前缀里的 MIME 字符串。两者不一致时,结果面板会同时列出两个值并以魔数为准 —— 因为看图工具实际依赖的就是魔数。
最多能粘贴多大的内容?
粘贴在 10 MB 以内比较顺畅。超过之后,浏览器需要把这段文本整个保存在输入框里,慢就慢在这一步。更大的内容请改用文件通道:它直接读文件,上限 100 MB,也不会把内容放进页面里。