开发者工具 · 浏览器本地

Base64 与图片互转 — 在线免费工具

把图片编码为 base64 字符串以内联到代码,或把 base64 反向解码为图片。一键复制、用法示例,全程本地、不上传。

拖拽图片到这里,或点击选择
本地编码为 base64 字符串 · 图片不上传
选择图片
支持电脑 · 平板 · 手机浏览器不上传服务器无水印本地处理
快速回答

Base64 是把二进制图片编码成纯文本字符串的方式,常用于把小图标内联进 HTML / CSS / JS,省去一次网络请求。本工具支持图片转 base64(带用法示例与一键复制)和 base64 解码为图片,处理在浏览器本地完成,不上传。

When

什么时候用 base64

内联小图标

把小 logo / 图标内联进 CSS / HTML,减少请求。

嵌入代码 / 配置

在无法引用外部文件时,直接把图片放进代码。

反向解码查看

拿到一串 base64,快速解码预览并下载成图片。

Note

使用注意

别用在大图上

base64 会让体积增大约 33%,且无法被浏览器单独缓存。它适合小图标,大图仍应用普通图片标签引用。

字符串很长

图片越大 base64 串越长,本工具提供一键复制,避免手动选择超长文本。

Related

相关工具

FAQ

Base64 常见问题

会,编码后体积约增大 33%。适合小图标内联;大图建议用普通文件引用。

支持带或不带 data:image/...;base64, 前缀的图片 base64 串;非法或截断的串会提示无法解码。

不会,编解码全程在浏览器本地完成。

部分浏览器在非安全环境下限制自动复制;可手动全选文本框内容复制。