图片 Base64 - 在线生成 Data URL

图片与 Base64 双向互转,自动识别 MIME 与尺寸,支持预览与下载

图片 Base64 · 使用说明

图片与 Base64 互转工具把本地图片转成 Data URL,直接内嵌进 HTML、CSS 或 Markdown,省去一次额外的图片请求;也支持把一段 Base64 还原成图片文件下载。自动识别 MIME 类型与像素尺寸,显示转换后字符串的体积,并可选择是否带前缀。适合做小图标内联、邮件模板与接口调试,图片只在本地读写。

示例

输入
选择一张 logo.png(12 KB)
输出
data:image/png;base64,iVBORw0KGgoAAAANSUhEUg…(约 16 KB 字符串)

如何使用

  1. 点击「选择图片」或把图片拖入
  2. 自动生成 data:image/...;base64, 字符串并预览
  3. 复制 Data URL 粘贴到代码中

小贴士

  • 小图标、logo 内嵌收益最大,大图片会显著增大 HTML 体积
  • 生成的字符串可直接放进 img 的 src 属性

常见问题

图片转 Base64 会上传我的图片吗?

不会。图片用浏览器的 FileReader 在本地读取并转换,不会上传到任何服务器,页面关闭后也不保留图片副本,和站内 文件批量拖入 一致。

生成的字符串为什么这么长?

Base64 用 4 个字符表示原 3 个字节,体积约膨胀 33%,属正常现象。图片越大字符串越长,这是把图片内嵌进代码必须付出的体积代价。

支持多大的图片?

受浏览器内存限制,建议单张几 MB 以内;超大图片转出的字符串会很长,放进 HTML/CSS 会明显拉大文件体积,优先考虑压缩或外链。

支持哪些格式?

浏览器可读取的格式均可转换,如 PNG / JPEG / GIF / WebP / SVG,结果会带对应的 data:image/... 前缀,可直接放进 img 的 src。

想把结果解码回去看?

用 Base64 编解码 粘贴这份 Data URL 即可还原预览,工具会自动识别其中的图片数据。

📂

松开以自动格式化

支持 .json / .sql / .csv / .html / .css / .xml / .yaml 文件