图片转Base64在线工具

图片转Base64在线：PNG / JPG 编码为 Data URI

图片转Base64（也称图片 Base64 编码、image to base64、图片转 Data URI、图片转 Data URL）可在浏览器本地将 PNG、JPG、GIF、WebP、BMP、SVG 转为 Base64 字符串或完整 Data URI（data:image/...;base64,...）。适合把小图标、Logo 嵌入 HTML / CSS / JSON，或排查接口里的图片字段。转换用 FileReader 本地完成，图片不上传服务器。Base64 约增大体积 33%，大图不适合整页内嵌。

什么是图片 Base64 / Data URI

Base64 把图片二进制写成可打印字符，便于放进只接受文本的通道。Data URI（Data URL）在 Base64 前加上 MIME，例如 data:image/png;base64,iVBOR...，可直接用于 <img src> 或 CSS background-image。纯 Base64 只有编码正文，常见于接口字段；粘贴到网页前需自行补前缀或按协议解码。

怎么用图片转Base64

1. 点击上传区或拖放一张图片（单张上限约 8MB；支持 PNG / JPG / GIF / WebP / BMP / SVG）。
2. 确认预览无误后，按需勾选「输出 Data URI」。
3. 点击「转为 Base64」，右侧查看结果。
4. 「复制」带走当前输出；「仅复制纯 Base64」会去掉 data:image/...;base64, 前缀。

Data URI 与纯 Base64

• Data URI：形如 data:image/png;base64,...，可直接用于 HTML / CSS。
• 纯 Base64：只有编码正文，适合 API、JSON、数据库字段。
• MIME 来自文件本身（如 image/jpeg、image/png）；JPEG 标准前缀是 image/jpeg，不是 image/jpg。
• 经验上：约 2KB 以下的图标内联更划算；更大资源优先用普通图片 URL，便于缓存。

常见用途

• 小尺寸 Logo、图标嵌入静态页或邮件模板，减少额外请求。
• 调试上传接口：核对「本地读出的 Base64」与文档样例是否一致。
• 在 Markdown、低代码组件或 JSON 载荷里携带内联图片样例。

常见问题

相关工具

• Base64编解码 · 图片压缩 · 图片格式转换
• HEIC转JPG · 全部图片工具

免责声明

本工具仅提供图片本地 Base64 / Data URI 转换，不构成安全或合规建议。请勿编码含隐私的敏感图片后随意传播；因误用造成的损失由使用者自行承担。