图片转 Base64

Base64 能把图片文件变成纯文本，这样它就可以作为 Data URI 放进 HTML、CSS、JSON、Markdown 或邮件模板中，而不必作为单独的文件加载。选择任意图片——PNG、JPG、GIF、WebP、AVIF、SVG、ICO 或 BMP——即可复制纯 Base64、现成的 Data URI、CSS 背景规则、HTML <img> 标签或 Markdown 图片。文件在您的设备上读取，不会上传。

使用方法

1. 选择一个或多个图片文件。
2. 选择输出格式：Data URI、纯 Base64、CSS、HTML <img>、Markdown，或全部。
3. 也可以为 HTML 和 Markdown 代码片段输入替代文字。
4. 点击复制结果，或下载为超大图片提供的 .txt 文件。

计算公式

Base64 长度 = 4 × ⌈字节数 ÷ 3⌉；Data URI = data: + MIME 类型 + ;base64, + Base64

每 3 个字节会变成 RFC 4648 中 64 字符字母表里的 4 个字符，所以文本比文件大约大 33%，很小的文件因“=”填充会略多一些。由于文件名和报告的类型有时是错的，只要能识别，就从文件的前几个字节（魔数）读取 MIME 类型；否则使用浏览器报告的类型或扩展名。超过约 300 万个字符的结果（图片大约超过 2 MB）只以 .txt 下载提供，因为那么长的文本框会让页面变慢。

示例

163 字节的测试 SVG（120 × 80 px）会变成 4 × ⌈163 ÷ 3⌉ = 220 个 Base64 字符，比文件多 35%，开头是 PHN2ZyB4bWxucz0i。Data URI 再加上 26 个字符的前缀 data:image/svg+xml;base64,，总共 246 个字符；HTML 代码片段会带上从图片本身读取的 width="120" height="80"。