如何把图片转成 Base64
- 1把图片拖进框里,或从剪贴板粘贴截图,也可以点“选择文件”。
- 2选择输出格式:data URI、纯 Base64、HTML、CSS 或 Markdown。
- 3复制代码,粘贴到你的网页、样式表或 API 请求里。
输出格式
Data URI
data:image/png;base64,iVBOR…任何接受 URL 的地方都能用。纯 Base64
iVBORw0KGgoAAAANSUhEUg…用于只需要 Base64 部分的 JSON 字段和 API。HTML
<img src="data:image/png;base64,…" alt="">HTML 邮件和单文件网页里的内嵌图片。CSS
background-image: url("data:…");小图标和花纹,省掉一次请求。Markdown
支持 data URI 的 README 和笔记。什么时候适合内嵌图片
Base64 会让图片变大约三分之一,而且内嵌的图片无法和网页分开缓存。小图标、HTML 邮件里的 logo、单文件文档适合内嵌;照片以及大于 10 KB 左右的图片,用普通图片文件通常更快。
常见问题
有文件大小限制吗?
没有固定限制,因为一切都在浏览器里完成。但很大的图片会生成很长的字符串,可能让编辑器变慢,所以内嵌的图片尽量小。
转换会降低图片质量吗?
不会。文件按原样逐字节编码,不缩放也不重新压缩,解码后得到的是完全相同的文件。
Base64 图片能用在邮件里吗?
Apple Mail 和大多数手机邮件客户端能显示。Gmail 和部分版本的 Outlook 会屏蔽 data URI,请在你的读者常用的客户端里测试。
怎么把字符串转回图片?
粘贴到 Base64 转图片 即可预览和下载。