Base64.im使用教程

1. 为什么使用 Base64 编码？

Base64 把二进制数据表示为文本，适合把小图标放进 HTML、CSS 或单文件演示中。邮件签名也可能使用 Data URI，但不同邮件客户端支持不同，应实际测试。

2. 支持的图片格式

支持选择 JPEG、PNG、GIF、WebP、SVG、BMP 图片。转换保留原文件的字节和 MIME 类型，不会压缩、缩放或改变图片格式。

3. 如何使用base64.im转换图像

点击文件选择按钮或将图片拖入图片区域。一次最多处理 20 张图片，每张不超过 10 MB。每个结果都有独立的复制和下载按钮。

4. 使用 Base64 编码的图像作为 HTML 图片来源

复制完整结果，包括 data:image/...;base64, 前缀，放入 img 的 src 属性，并提供合适的 alt 文本。剪贴板不可用时，可以选中结果后手动复制。

<img src="data:image/png;base64,…" alt="…">

5. 使用 Base64 编码的图像作为 CSS 背景

把完整 Data URI 放入 CSS background-image 的 url() 中，保留前缀及末尾填充字符。示例中的省略号仅用于演示，截短的字符串无法显示图片。

.image { background-image: url("data:image/png;base64,…"); }

6. 注意事项

Base64 通常比原始二进制数据约大三分之一。尽量用于小图片，在目标浏览器检查最终页面；较大或需要复用缓存的资源优先使用普通图片 URL。