Base64 与图片互转
图片转 Base64 Data URL，或 Base64 转回图片，支持拖拽和复制。
图片 → Base64
Base64 → 图片
B64
点击选择图片
支持 PNG / JPEG / WebP / GIF，本地编码不上传
在线 Base64 与图片互转工具
图片转 Base64 Data URL，或 Base64 转回图片，支持拖拽和复制。所有编解码在浏览器本地用 FileReader API 完成，图片和 Base64 字符串都不会上传服务器。
Base64 Data URL 的典型用途
- 内联小图标：把 1KB 以内的小图标转成 Base64 嵌入 HTML/CSS，减少 HTTP 请求。
- 邮件内嵌图片：邮件不支持图片附件的可靠显示，可用 Base64 内联。
- JSON API 传输：在 JSON 中传输图片数据（如生成的二维码、截图）。
- CSS 渐变占位：低分辨率占位图 Base64 内联，避免布局抖动。
不适合 Base64 的场景
大图片不要转 Base64 内联：体积会增大 33%，且无法被浏览器缓存（每次加载 HTML 都要重新下载这段 Base64）。一般 1KB 以内的图片适合内联，超过 4KB 的图片建议作为独立资源加载。
Base64↔图 常见问答
图片转 Base64 后体积会变大吗？
会。Base64 编码后体积约为原始数据的 4/3（约增大 33%）。因此大图片不建议转 Base64 内联，仅适合小图标、占位图等场景。
Data URL 是什么？
Data URL 是将资源以 Base64 编码直接嵌入 URL 的方案，格式为 data:image/png;base64,xxxx。可用于 HTML img src、CSS background、邮件内嵌图片，减少 HTTP 请求。
图片会上传吗？
不会。本工具基于浏览器原生 FileReader API 读取文件并编码，所有操作在本地完成，图片和 Base64 都不会离开你的设备。
Base64 和图片互转有什么用？
常见用途：把小图标内联进 HTML/CSS 减少 HTTP 请求；在邮件中嵌入图片（邮件不支持的图片附件可用 Base64 内联）；在 JSON API 中传输图片数据；生成 CSS sprite 占位符。