使用说明

开发和写文档时经常要在图片和 Base64 之间来回倒：把小图标、签名图嵌进 CSS、HTML、JSON 或邮件模板，就要图片转 Base64；反过来，接口返回一串 Base64、或者从代码里捞出一串 data URL，想看看到底是什么图，就要还原。方向一选图后直接给出带 data: 前缀的完整字符串（这种能直接粘进 img 标签和 CSS），也提供不带前缀的纯 Base64 复制。方向二粘贴后点还原，下方出预览并能下载成图片文件；带前缀的会自动识别格式，纯 Base64 用你选的格式解释。

常见问题

Base64 为什么比原图大？

Base64 是把 3 个字节编码成 4 个字符，体积固定多出约 33%，外加 data: 前缀。它适合嵌小图，不适合整张照片——大图嵌进代码会让文件臃肿、加载变慢，常规照片请直接用图片文件。

还原失败是怎么回事？

多半是串不完整（复制时被截断）、混进了换行以外的杂字符，或者纯 Base64 选错了格式。先确认复制的是完整一串、格式选得对；带 data: 前缀的串最稳，不用选格式。

SVG 能转吗？

方向二选 SVG 格式可以还原矢量图预览；方向一选 SVG 文件会按文本编码，得到的 data URL 同样可用。