图片转 Base64
将图片转换为 Base64 数据 URL
编码转换
🔒 100% 本地运行 — 你的数据不会离开当前页面由 Evan 维护•最近更新：2026年9月29日
选项模式
图片输入
先上传一张图片，直接拿到 Data URL / Base64 和体积变化；格式取舍说明可在高级模式查看。
拖放图片到此处，或点击选择支持 PNG、JPG、GIF、WebP、SVG
编码输出
上传图片后查看 Base64 输出
页面阅读模式
完整说明还包括常见问题处理、操作示例、代码片段、FAQ 和相关工具，便于核对结果或排查问题。
工具说明
直接在浏览器中将图片文件转换为 Base64 编码。拖拽上传 PNG、JPG、GIF、WebP 或 SVG 文件，即时获得 Base64 字符串、data URL、CSS 背景图片代码或 HTML img 标签。所有处理均在本地完成，图片不会上传到任何服务器。
生产可用片段
示例
text
Base64 长度 = 4 × ceil(源文件字节数 / 3)
Data URL 还会增加媒体类型前缀。场景配方
01
保留原始字节编码一张小图片
目标：取得接收接口需要的输出形式。
- 选择本地小图片。
- 按接收方要求选择 Base64、Data URL、CSS 或 HTML。
- 查看输出字节数并在目标客户端测试。
结果：原图片的格式、元数据和动画字节不变。
失败门诊（高频踩坑）
Data URL 不保证邮件兼容
原因：邮件客户端即使拦截远程图片，也可能同时拒绝 Data URL。
修复：按目标客户端支持的方式选择托管 URL 或 CID 附件等，并发送真实测试邮件。
常见问题
Base64、Data URL、CSS 和 HTML 输出怎么选？
接口要求纯编码时复制 Base64；图片 src 需要内嵌地址时选 Data URL。CSS 与 HTML 模式只是把同一 Data URL 包成 background-image 或 img 代码，不会改变图片文件格式。
转换后会压缩图片或清除 EXIF 吗？
不会。工具直接编码原始文件字节，原有像素、动画和元数据都会保留。纯 Base64 长度为 4 × ceil(文件字节数 / 3)，另加 Data URL 前缀和代码包装，因此通常比原文件大。
为什么编码成功却不能在邮件或网页显示？
目标客户端可能不支持该图片格式、Data URL 或相应大小，也可能受 CSP 限制。媒体类型取自浏览器提供的文件信息，不等于检查过真实文件签名。当前需整文件读入内存，也不提供粘贴 Base64 反向还原图片。
继续浏览