图片转 Base64
拖进来一张小图,得到一个 data: URI — 文件的文本编码形式,可以内联进 HTML、CSS 或 JSON,让图片跟着文档走而不是单独发一次请求。
100% 本地处理 — 全程在你的浏览器里完成,文件绝不上传。
怎么用
- 把图片拖到放置区,或点击选择文件。
- 复制 data URI,或切换成不带前缀的纯 base64。
- 上线前看一眼体积表 — base64 会让体积膨胀约三分之一。
为什么它更安全
文件由浏览器自己的 FileReader 读进内存编码。图标和内联图形通常属于还没发布的样式表或组件文件 — 这些字节永远不会离开你的机器。
常见问题
什么时候适合内联图片?
小而稳定的资源:界面图标、logo、占位图。内联省一次网络请求还能离线用。超过几 KB 的图片,独立缓存文件通常是更好的选择。
base64 版本为什么比原文件大?
base64 把每 3 字节编码成 4 个字符,文本比二进制大约 33%。体积表里两个数都有,用数字做决定。
SVG 能转吗?
能 — 而且 SVG 从内联中获益最大,因为它本来就是文本而且很小。用在 CSS 里时换成 URL 编码形式还能更小。