格镜工具箱

图片转 Base64

图片与 Base64 / Data URI 互转,可生成 CSS / HTML 内联代码

本地处理 · 不上传 完全免费 无水印 即开即用
点击选择,或把文件拖到这里单张图片,最大 10MB;原样编码不改画质

什么是图片转 Base64?

图片转 Base64 可把图片编码成 Data URI(data:image/...;base64,...),直接内联进 HTML / CSS,省去一次额外的图片请求;也支持把 Base64 / Data URI 反向还原成图片并下载。采用原样字节编码,保留原格式与画质(含 SVG、GIF 动图),全程浏览器本地处理,图片不上传。

能力亮点

  • 图片 ↔ Base64 / Data URI 双向互转
  • 一键生成 Data URI / 纯 Base64 / CSS / HTML 四种形式
  • 原样编码,保留原格式与画质(SVG、GIF 动图不失真)
  • 本地处理、不上传、免费

如何使用图片转 Base64

  1. 1

    「图片 → Base64」:拖入或选择一张图片。

  2. 2

    选择输出形式(Data URI / 纯 Base64 / CSS / HTML),点击复制取走。

  3. 3

    「Base64 → 图片」:切到该标签,粘贴 Data URI 或纯 Base64 字符串。

  4. 4

    预览确认后点击「下载图片」保存到本地。

常见问题

Data URI 和纯 Base64 有什么区别?

纯 Base64 只是编码后的字符串;Data URI 是在前面加了「data:类型;base64,」头部的完整地址,可直接作为 <img> 的 src 或 CSS 的 url() 使用。内联进代码用 Data URI,只需要编码内容用纯 Base64。

会改变画质或格式吗?

不会。本工具按原始字节编码,不做重新压缩,原格式、画质以及 SVG / GIF 动图都完整保留。需要压缩请先用「图片压缩」。

多大的图适合转 Base64?

Base64 会让体积膨胀约三分之一,内联的 Data URI 通常建议控制在几百 KB 以内;过大的图内联会拖慢页面、也不便维护,建议仍用文件引用。工具对超过 512KB 的图会给出提示,超过 10MB 不再处理。

粘贴纯 Base64(没有 data: 头)能还原吗?

能。没有 data: 头时,工具会根据解码后的文件特征自动识别 PNG / JPEG / GIF / WebP / BMP / SVG 等常见类型;识别不出时按二进制文件下载。

图片和 Base64 会上传服务器吗?

不会。编码与解码全部在浏览器本地完成,内容不上传、不保存。