0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0
配置
将图像转换为 Base64 以将其嵌入 HTML、CSS 或 JSON 中，或将 Base64 字符串解码回图像。支持 PNG、JPEG、GIF、WebP、SVG 和 BMP。
拖动图像或单击以选择
PNG、JPEG、GIF、WebP、SVG、BMP
工作原理
它将图像转换为 Data URI 形式（data:image/…;base64,…）的 Base64 字符串，你可以将其直接嵌入 HTML 或 CSS，而无需单独文件或额外的 HTTP 请求。
结果比原始文件大约多占 33%，因此最好将其保留给小图像：图标、徽标、图案或占位图。
在解码模式下，它接受 Base64 字符串或完整的 Data URI，根据其起始字节检测图像类型，并显示可下载的预览。
示例
logo.pngdata:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA…data:image/png;base64, 前缀表示类型。每个编码后的 PNG 都以 iVBORw0KGgo 开头，对应其文件签名。background-image: url("data:image/png;base64,iVBORw0KGgo…");该 Data URI 可以原样用于 CSS 规则中，以在没有外部文件的情况下嵌入图像。使用场景
- 通过 data URI 将小图标或徽标嵌入 CSS/HTML，避免额外请求。
- 将图像存储在 JSON、配置文件或数据库中。
- 通过仅接受文本的 API 或电子邮件（MIME）发送图像。
- 从 Base64 字符串或 Data URI 恢复并预览图像。
常见问题
应该把所有图像都转换为 Base64 吗？
不。它会使体积增大约 33%，且浏览器无法单独缓存该图像。它适合小图像，但对于大图像，几乎总是使用单独文件更好。
它支持哪些图像格式？
编码时任意格式（PNG、JPEG、GIF、WebP、BMP、SVG）。解码时会根据文件的起始字节自动检测类型。
为什么我的 Data URI 这么长？
因为 Base64 用 4 个字符表示每 3 个字节，所以文本相比原始二进制会增大约 33%。这很正常，尤其是图像。
我的图像会上传到服务器吗？
不会。图像完全在你的浏览器中读取和编码；它绝不会离开你的电脑。