图片Base64互转
免费在线图片Base64互转工具，图片转Base64字符串、Base64还原图片预览，支持PNG/JPG/GIF/WebP，输出Data URI可直接用于CSS/HTML，本地浏览器处理不上传，免登录即用。
结果
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=
图片预览
下载图片
图片Base64的使用场景
Base64是一种用64个可打印字符（A-Z、a-z、0-9、+、/）表示任意二进制数据的编码方式。图片经过Base64编码后变成一段纯文本字符串，可以直接嵌入到代码或文档中。
典型使用场景：CSS内联图片（小图标直接写成background-image: url(data:image/png;base64,...)，省去一次HTTP请求）；HTML内嵌图片（邮件模板、单文件HTML作品常用Data URI嵌入图片，保证文件自包含）；接口传参（部分上传接口或富文本编辑器以Base64字符串形式传递图片内容）；Data URI Scheme（形如data:[MIME类型];base64,数据的URI，浏览器可直接渲染）。
体积代价：Base64编码后体积约为原始文件的4/3（约增大33%）。它适合小图标等几KB以内的资源；大图片使用Base64反而会增大页面体积、阻塞渲染，通常不如独立图片文件加CDN缓存高效。本工具使用浏览器的FileReader在本地完成读取与编码，图片不会上传到任何服务器。
Data URI 格式说明
| 图片格式 | MIME类型 | Data URI 前缀 |
|---|---|---|
| PNG | image/png | data:image/png;base64, |
| JPG | image/jpeg | data:image/jpeg;base64, |
| GIF | image/gif | data:image/gif;base64, |
| WebP | image/webp | data:image/webp;base64, |
| SVG | image/svg+xml | data:image/svg+xml;base64, |
常见问题
支持哪些图片格式？有大小限制吗？
支持PNG、JPG、GIF、WebP、SVG、BMP等主流格式，单张图片最大5MB。由于编码结果约为原文件的1.33倍，过大的图片生成的字符串会非常长，复制和使用都不方便，因此设置了上限。
输出的Base64可以直接用在CSS或HTML里吗？
可以。工具输出的是完整的Data URI（以data:image/xxx;base64,开头），可直接用于CSS的url()、HTML的src属性，或在Markdown等支持Data URI的场景中使用。
Base64转图片时必须带data:image/...前缀吗？
不是必须。粘贴完整的Data URI可以直接预览；粘贴纯Base64字符串时，工具会自动补上默认的PNG前缀进行解析。如果预览异常，可以尝试手动补充正确的MIME类型前缀。
图片会被上传到服务器吗？
不会。整个编码与解码过程均通过浏览器本地API（FileReader、Image对象）完成，图片数据始终留在你的设备上，适合处理截图、设计稿等隐私内容。