PocketPlay
EN
图片 Base64 互转
把图片转成 data URI、纯 Base64、CSS url() 或 <img> 标签代码，也能把 Base64 粘回来预览并下载原图。
🔒 浏览器本地运行，文件不会上传免费 · 无需注册
把图片拖到这里
或点击选择 — 支持 PNG、JPG、SVG、GIF、WebP、ICO
选择一张图片即可编码。
—原始文件
—编码后
—体积增加
—尺寸
超过约 10 KB 的 data URI 通常不如单独放文件，因为内联图片无法被浏览器缓存。
预览
—识别类型
—原始文件
—尺寸
怎么把图片转成 Base64
- 把图片拖进上传框，工具用 FileReader 在本地读取，不会上传。
- 选择需要的代码形式：data URI、纯 Base64、CSS
url()、<img>标签或 Markdown，然后复制。 - 反向转换请切到Base64 → 图片，粘贴字符串后即可预览并下载解码出的文件。
常见问题
为什么 Base64 比原文件大？
Base64 用 4 个字符表示 3 个字节，本身就会增大约 33%，再加上 data URI 前缀。上面的「体积增加」显示了准确的增幅。
什么时候适合内联图片？
体积小、每个页面都要用的资源（图标、占位图、小 Logo）内联可以省一次请求。超过大约 10 KB 就更适合放成单独文件，因为内联图片无法单独缓存，还会让每个引用它的页面都变大。
支持 SVG 吗？
支持。SVG 也能编码成 Base64，不过 SVG 用 URL 编码的 data URI 通常更小；两种写法在 CSS url() 里都能用。