EN
首页 分类 图片转 Base64

图片转 Base64

图片转 Base64 在线工具,图片与 DataURL 互转,一键生成 base64 编码、复制与下载 txt,支持粘贴 base64/DataURL 还原图片预览,本地处理不上传,完全免费

常见问题

什么时候适合用 Base64 图片?

小图标、小 logo 内联进 CSS 或 HTML,能减少一次 HTTP 请求。大图不要这么做。

转成 Base64 会变大多少?

大约增加 33%,因为每 3 个字节要编成 4 个字符。这也是大图不适合内联的原因。

能还原回来吗?

能。把 DataURL 或纯 Base64 粘回工具就能自动识别并还原成图片。

关于这个工具

选一张图片,会同时给出两个产物:完整 DataURL(data:image/png;base64,… 这样的形式)和纯 Base64。前者可以直接塞进 <img src>、CSS 的 url() 或内联样式;后者用于接口字段、邮件正文、配置文件这类只想要数据本身的地方。

体积会变大,约三分之一:Base64 把每 3 个字节编成 4 个字符,所以界面上「原文件 → Base64 字符数」这两个数字对不上是正常的。图片越大越不划算 —— 图标、小尺寸 logo 适合内联,照片不适合,内联的照片会让 CSS / HTML 体积膨胀,还挡不住缓存。

反向也支持:把 DataURL 或纯 Base64 粘进右侧,会自动识别 MIME、预览图片,并能直接下载还原。带换行的内容也能认 —— MIME 的 76 列折行、从聊天窗口复制时插进去的换行都会被清掉;base64url 的 - _ 也会归一化回 + /。

要注意纯 Base64 不含类型信息:只给数据时,MIME 靠下拉框里选的类型来补,猜错就会解码失败或预览错乱 —— 拿到一串不知道来源的 Base64,先确认它原本是 PNG 还是 JPEG。下载的 .txt 里存的是完整 DataURL,不是裸 Base64,粘到 src 里可以直接用。