← 返回工具列表

图片转 Base64

把图片转成 Base64 / Data URL / CSS / HTML 引用形式,本地处理不上传,带预览。

编码解码即时返回

Input

运行参数

未选择文件

单个文件不超过 5 MB。

Output

运行结果

填写左侧参数并运行▌

将图片转换为 Base64 与 Data URL

选择一张图片(PNG、JPG、SVG、WebP、GIF,5MB 以内),立刻得到四种可直接使用的形式:Data URL(可直接粘进浏览器地址栏或 Markdown)、纯 Base64 串、CSS background-image 声明、HTML img 标签。输出面板同时显示图片预览,方便确认转换的是对的文件。整个转换在浏览器本地完成——这就是本工具和那些“在线转换”网站的本质区别:你的图片根本不会离开你的设备。

在 CSS、HTML 与 Markdown 中嵌入小图片

把小图标、loading 图内联进 CSS 或 HTML,减少一次 HTTP 请求,首屏更快;写邮件模板时嵌入图片(多数邮件客户端不支持外链图以外的形式);在 Markdown 或 JSON 配置里嵌入小图;前端联调时用 Data URL 代替还没部署的静态资源。

Base64 图片体积与缓存取舍

Base64 会让体积膨胀约 33%,而且内联图片无法被浏览器单独缓存——只建议内联小图(经验值:10KB 以内,图标级)。大图内联会让 HTML 变得巨大,首屏反而更慢。SVG 可以直接内联代码而不必转 Base64,体积更小还可被 CSS 控制。转换不会压缩或改变图片本身,要缩小体积请先用图片压缩工具。