🖼️ 图片 ↔ Base64
本地选择图片生成 data:image/... 字符串，或粘贴 Base64 快速预览，便于前端内联与接口报文调试。
点击或拖拽文件到此处（建议 ≤ 8MB）
Base64 输出
粘贴 Base64 解码预览
图片转 Base64 是什么？
Base64 是一种把二进制数据编码为 ASCII 文本的方式。前端常把图片转成 data:image/png;base64,... 形式，直接写在 HTML、CSS 或 JSON 里，减少额外 HTTP 请求。搜索「图片转 base64」「base64 转图片」「图片 base64 编码」的用户，多用于图标内联、小程序、邮件模板与接口联调。
适用场景
- 小图标 / Logo：嵌入 CSS
background-image或 React 内联图。 - 接口调试：核对后端返回的 Base64 字段能否正常预览。
- 文档与演示：在 Markdown、工单中临时展示图片（注意体积）。
- 邮件 / 富文本：部分场景需要 data URL（仍建议控制大小）。
使用步骤
- 点击或拖拽图片到上传区（建议 ≤ 8MB）。
- 下方自动生成完整 data URL，可一键复制。
- 若已有 Base64 字符串，粘贴到「解码预览」区点击预览，确认是否损坏。
体积与性能说明
| 项目 | 说明 |
|---|---|
| 体积膨胀 | Base64 约为原文件 4/3，大图会显著增大 HTML/JSON |
| 缓存 | 内联后无法单独 CDN 缓存，适合极小资源 |
| 推荐 | 图标、占位图；照片/海报请用 URL 或对象存储 |
与文本 Base64 工具的区别
文本 Base64 编解码面向任意字符串；本页专注图片文件，带 MIME 前缀与图像预览。需要生成占位图可用 占位图生成，批量压缩请用 图片压缩。
常见问题
为什么复制后图片不显示？
需包含完整前缀如 data:image/png;base64,；仅粘贴纯 Base64 时部分环境需自行补前缀。
会上传到服务器吗？
不会，文件仅在浏览器内存读取。证件照等敏感图片请勿在公共电脑操作。
支持 SVG / WebP 吗？
支持常见浏览器可读取的图片类型；预览区对非图片文件仅显示 Base64 文本。