图片转 Base64

相关指南

UUID、二维码与 Base64：三个生成页失败时一声不吭
UUID 页的随机数确实来自 crypto.getRandomValues，但数量框把 0 和 abc 都读成 10，两个格式勾选框要等你再点一次「重新生成」才生效；二维码页没有任何错误路径，内容超出容错等级的容量时它留给你一张全透明画布，而「下载二维码」照样导出了一个 2,072 字节的合法 PNG；Base64 页照抄浏览器对文件类型的猜测，1 GB 显示成 1024.00 MB，预览框对根本无法预览的文件也照样亮起。下面每个数字都是在浏览器里驱动中文页实测得到的。

常见问题

什么是 Base64？
Base64 是一种将二进制数据编码为可打印 ASCII 字符的编码方式。编码后的字符串只包含 A-Z、a-z、0-9、+、/ 和 =（填充字符）。它常用于在 HTML、CSS、JSON 等文本协议中安全地嵌入图片等二进制数据。

什么时候使用 Data URI？
Data URI 适合将小图片直接嵌入 HTML 或 CSS 中，减少 HTTP 请求次数。常见场景包括：小图标、CSS 背景图、邮件中嵌入图片等。但 Base64 编码会使文件体积增大约 33%，因此不适合大图片。建议 10KB 以下的小图片使用 Data URI 嵌入。

Data URI 和纯 Base64 有什么区别？
Data URI 是完整格式，例如 data:image/png;base64,iVBORw0KGgo...，可以直接用于 HTML 的 src 属性或 CSS 的 url() 中。纯 Base64 只有编码后的字符串部分，不含前缀，适合在需要自行拼接前缀的场景下使用。