图片转 Base64

拖入图片、从剪贴板粘贴,或选择文件。可以复制为 data URI、纯 Base64、HTML img 标签、CSS 或 Markdown。

把图片拖到这里或按 Ctrl+V 粘贴 · 支持 PNG、JPG、GIF、WebP、SVG、AVIF、ICO

如何把图片转成 Base64

  1. 1把图片拖进框里,或从剪贴板粘贴截图,也可以点“选择文件”。
  2. 2选择输出格式:data URI、纯 Base64、HTML、CSS 或 Markdown。
  3. 3复制代码,粘贴到你的网页、样式表或 API 请求里。

输出格式

Data URIdata:image/png;base64,iVBOR…任何接受 URL 的地方都能用。
纯 Base64iVBORw0KGgoAAAANSUhEUg…用于只需要 Base64 部分的 JSON 字段和 API。
HTML<img src="data:image/png;base64,…" alt="">HTML 邮件和单文件网页里的内嵌图片。
CSSbackground-image: url("data:…");小图标和花纹,省掉一次请求。
Markdown![image](data:image/png;base64,…)支持 data URI 的 README 和笔记。

什么时候适合内嵌图片

Base64 会让图片变大约三分之一,而且内嵌的图片无法和网页分开缓存。小图标、HTML 邮件里的 logo、单文件文档适合内嵌;照片以及大于 10 KB 左右的图片,用普通图片文件通常更快。

常见问题

有文件大小限制吗?

没有固定限制,因为一切都在浏览器里完成。但很大的图片会生成很长的字符串,可能让编辑器变慢,所以内嵌的图片尽量小。

转换会降低图片质量吗?

不会。文件按原样逐字节编码,不缩放也不重新压缩,解码后得到的是完全相同的文件。

Base64 图片能用在邮件里吗?

Apple Mail 和大多数手机邮件客户端能显示。Gmail 和部分版本的 Outlook 会屏蔽 data URI,请在你的读者常用的客户端里测试。

怎么把字符串转回图片?

粘贴到 Base64 转图片 即可预览和下载。

更多 Base64 工具