← 返回首页

图片 Base64

功能亮点

图片 → Base64

上传图片文件,立刻得到 Base64 Data URL,可直接用于 img src。

Base64 → 图片

粘贴 Base64 编码字符串,一键还原为图片并支持下载。

纯本地转换

图片在你的浏览器中处理,不会上传。隐私数据如证件照也能放心转换。

多格式支持

PNG、JPG、GIF、SVG、WebP 等常见格式都支持。

使用步骤

  1. 上传图片或粘贴 Base64 字符串;
  2. 选择转换方向;
  3. 复制 Data URL 或下载还原的图片。

什么时候用 Base64 图片?什么时候不该用?

Base64 图片的收益是减少 HTTP 请求数——小图标随 HTML/CSS 一起传过来,浏览器不需要另开连接下载。代价是体积增大 33% 且无法利用浏览器缓存。所以原则是:小图标(<500 字节)适合 Base64,大图不适合。邮件模板(邮件客户端常拦截外部图片链接,但允许内嵌 Base64)和单文件 HTML 报告(所有资源自包含)是 Base64 图片的经典应用场景。

常见问题

多大的图片适合 Base64?
一般建议 500 字节到 1KB 以下的小图标。超过 5KB 的图片用 Base64 得不偿失——体积大 33%、阻塞关键渲染路径、HTML 文件变得臃肿。最经典的应用是邮件中的小 Logo 和 HTML 报告中的状态图标。
Data URL 的格式是什么意思?
data:image/png;base64,iVBOR... 拆解:data: 是协议;image/png 是 MIME 类型(告诉浏览器这数据的格式);base64 表示数据编码方式;逗号后面是编码后的数据。