图片 ↔ Base64 用于在图片文件和文本编码之间互转。编码方向：选中一张图后同时给出四种输出——完整 Data URL（data:image/png;base64,…，可直接用于 src 或 url()）、去掉前缀的纯 Base64、background-image: url('…'); CSS 片段、<img src=… alt=文件名 /> HTML 片段，每种都有独立复制按钮，卡片标题显示编码后体积及增幅。解码方向：粘贴 Data URL 或纯 Base64，按文件头嗅探 PNG / JPEG / GIF / WebP / BMP / SVG 后预览并下载。处理在浏览器本地完成。

与通用「Base64 编解码」的区别：这里针对图片，会补 MIME 前缀、生成可直接粘贴的 CSS / HTML，并能把文本还原成可看的图。

1. 01选方向顶部切换「图片 → Base64」或「Base64 → 图片」。
2. 02编码添加一张或多张图，文件列表点「查看」切换；「编码结果」里四个文本框超过 1500 字符只显示前段并注明总长度，复制按钮拿到的是完整内容。
3. 03解码在「粘贴 Base64」文本框粘入 data:image/...;base64, 开头的字符串或纯 Base64（空白与换行会被清掉），点「解码预览」。
4. 04保存解码成功后显示 MIME 与大小，点「下载图片」得到 base64图片.png 等对应扩展名文件。

Base64 体积约为原文件 1.33 倍

无前缀时按文件头判断格式

12 KB 的 PNG 图标

Data URL 约 16 KB（+33%）；CSS 片段 `background-image: url('data:image/png;base64,iVBOR…');`

粘贴以 `iVBORw0KGgo` 开头的纯 Base64

嗅探为 image/png，显示预览，下载为 `.png`

粘贴被截断一半的字符串

「解码失败：不是有效的 Base64 内容，请检查是否完整」

支持输入

JPG / PNG / WebP / GIF / BMP / AVIF / HEIC / SVG；HEIC 会先转成 JPEG 再编码，得到的不是原 HEIC 字节

大文件

超过 3 MB 会提示字符串将非常长；浏览器文本框对几十 MB 的字符串会明显卡顿

嗅探范围

解码时能识别 PNG、JPEG、GIF、WebP、BMP、SVG，其它格式一律按 PNG 处理

SVG

编码为 data:image/svg+xml;base64,…，不做 URL 编码形式的内联

不做什么

不压缩或改格式（先用「图片压缩」「图片格式转换」）、不处理非图片文件的 Base64（用「Base64 编解码」）

编码与解码都在浏览器本地通过 FileReader 和 atob 完成，图片与 Base64 文本不会上传到任何服务器。