图片转 Base64 数据 URI
上传图片并转换为 Base64 数据 URI，可直接嵌入 HTML、CSS 或 JavaScript，无需额外 HTTP 请求。
此转换仅在您的浏览器中运行，不会上传任何内容。
拖放图片，或在下方选择
PNG、JPEG、GIF、SVG、WebP · 最大 10 MB
UTF-8 文本 Base64（非图片）请使用 Base64 编码器与解码器
这个工具是什么？
用浏览器 FileReader 读取本地图片，生成完整 data URI（data:image/…;base64,…）或 纯 Base64（仅载荷）。复制前可预览确认。
适合小图标、自包含演示和测试夹具。Base64 大约增大三分之一，且绕过 URL 缓存；大图应放 CDN/静态托管，不要塞进 HTML 或邮件正文。
上限 10 MB。必须内联时请优化到数百 KB 以下。
常见用途
- 构造无需额外请求的
imgsrc或 CSSbackground-image: url(…) - 在 HTML 邮件/签名中嵌入小 logo（注意整封邮件体积）
- 生成测试用 Base64 夹具，无需提交二进制文件
如何使用
- 将图片拖入投放区或浏览选择（PNG、JPEG、GIF、SVG、WebP · 最大 10 MB）。
- 确认预览与 MIME / 体积芯片。
- 选择 Data URI 或 纯 Base64，然后 复制。
- Sample 加载 1×1 PNG；Clear 重置。
示例
| 用途 | 形态 | 说明 |
|---|---|---|
| HTML 图片 | <img src="data:image/png;base64,…" alt=""> | Data URI 页签；图标保持很小。 |
| CSS 背景 | background-image: url("data:image/svg+xml;base64,…") | SVG 通常更省体积。 |
| API / 配置字段 | 不要 data: 前缀的纯 Base64 | Raw 页签。 |
| 邮件中的大图 | 用托管 URL，勿用 Base64 | 客户端常有容量上限。 |
实践中的常见误区
- 邮件体积： Base64+MIME 易超过 Gmail/Outlook 限制；照片走托管，内联仅留微型图标。
- 大 data URI 增加内存与渲染成本；超过约 500 KB 时界面会警告。
- 仅面向图片。UTF-8 文本 Base64 请用文本工具。
参考资料
最后审阅: 2026-07-27
常见问题
- Data URI 和纯 Base64 有何区别？
- Data URI 形如 `data:image/png;base64,…`，可直接用于 `img` `src` 或 CSS `url()`；纯 Base64 只有逗号后的编码内容，适合只要 Base64、不要 `data:` 前缀的 API。
- 应该把大图内联进邮件或 HTML 吗？
- 通常不建议。Base64 大约增大三分之一，且许多邮件客户端有容量上限。照片用托管 URL；内联留给小图标。
- 图片会上传到服务器吗？
- 不会。仅用浏览器 FileReader 本地读取。
- 和文本 Base64 工具有何不同？
- 本页处理图片文件→data URI/纯 Base64；文本工具面向 UTF-8 字符串（API、Basic Auth），不是二进制图片。