UUsefulCrate 你的文件永远不会离开浏览器

首页 › 工具 › 图片转 Base64

图片转 Base64

拖进来一张小图,得到一个 data: URI — 文件的文本编码形式,可以内联进 HTML、CSS 或 JSON,让图片跟着文档走而不是单独发一次请求。

100% 本地处理 — 全程在你的浏览器里完成,文件绝不上传。

怎么用

  1. 把图片拖到放置区,或点击选择文件。
  2. 复制 data URI,或切换成不带前缀的纯 base64。
  3. 上线前看一眼体积表 — base64 会让体积膨胀约三分之一。

为什么它更安全

文件由浏览器自己的 FileReader 读进内存编码。图标和内联图形通常属于还没发布的样式表或组件文件 — 这些字节永远不会离开你的机器。

常见问题

什么时候适合内联图片?

小而稳定的资源:界面图标、logo、占位图。内联省一次网络请求还能离线用。超过几 KB 的图片,独立缓存文件通常是更好的选择。

base64 版本为什么比原文件大?

base64 把每 3 字节编码成 4 个字符,文本比二进制大约 33%。体积表里两个数都有,用数字做决定。

SVG 能转吗?

能 — 而且 SVG 从内联中获益最大,因为它本来就是文本而且很小。用在 CSS 里时换成 URL 编码形式还能更小。

相关工具

JSON 格式化

格式化、校验、压缩 JSON,错误提示清楚。

Base64 编解码

Base64 编码解码,正确支持 UTF-8。

URL 编解码

对 URL 和查询串做百分号编码或解码。

← 全部工具