图片转 Base64

把图片转换为 Base64 / Data URI,便于直接嵌入 HTML 的 img 标签与 CSS 背景,一键复制,全程本地处理。

点击选择或将图片拖拽到这里 支持 PNG、JPG、WebP、GIF 等,单文件不超过 30MB

使用说明

  1. 将图片拖入虚线框,或点击虚线框从本地选择文件,支持 PNG、JPG、WebP、GIF 等常见格式。
  2. 工具会自动把图片转换为 Data URI 字符串,例如 data:image/png;base64,……
  3. 在「输出内容」中选择完整 Data URI,或仅保留 Base64 内容(去掉 data: 前缀)。
  4. 点击结果区右上角「复制」按钮即可复制到剪贴板,也可以点击「下载为 .txt」保存文本文件。

常见问题

Data URI 可以直接用在哪里?
最常见的用法是填入 HTML 的 img 标签的 src 属性,或 CSS 的 background-image: url(...),适合小图标、签名图等无需额外请求的场景。
为什么我的图片转出来特别长?
Base64 会把二进制数据用文本表示,长度约为原文件的 1.37 倍,因此大图转出的字符串很长。嵌入页面时建议只对几十 KB 以内的小图使用。
仅 Base64 模式是什么意思?
完整 Data URI 形如 data:image/png;base64,AAAA...,其中 data:image/png;base64, 是前缀。切换为「仅 Base64」会去掉此前缀,只保留逗号后的编码内容,方便自行拼接。
我的图片会上传到服务器吗?
不会。转换完全在浏览器本地完成,图片与生成的字符串都不会离开您的设备。

相关工具