选择图片等待文件
支持透明背景图片,原始图片不会被修改。
输出格式选择后自动更新
0 字符

选择图片后即可生成结果。

01
Data URL

适合直接放进 HTML 的 src 属性。

02
纯 Base64

去掉前缀,方便提交到接口或数据库。

03
嵌入代码

HTML、CSS、JSON 输出可直接复制使用。

图片转 Base64

把图片转换成可直接嵌入网页、样式表或 JSON 的 Base64 文本,并提供预览、复制和下载。

使用说明

三步完成操作

  1. 01 · 选择图片

    选择一张图片或直接拖入上传区域,页面会显示尺寸、格式和文件大小。

  2. 02 · 选择输出

    按使用场景选择 Data URL、纯 Base64、HTML、CSS 或 JSON 格式。

  3. 03 · 复制或下载

    检查结果后复制到剪贴板,也可以将生成的字符串下载为文本文件。

常见问题

使用前先了解这些

Data URL 和纯 Base64 有什么区别?

Data URL 自带图片格式前缀,例如 data:image/png;base64,...,可以直接用于 img 的 src。纯 Base64 只包含编码内容,适合交给接口或后端继续处理。

为什么 Base64 字符串比原图片更长?

Base64 会把二进制数据转换为文本,体积通常比原文件增加约三分之一。图片较大时,更适合使用图片地址或对象存储。

HTML、CSS 和 JSON 输出可以直接使用吗?

可以。HTML 和 CSS 输出已经包含对应的语法包装,JSON 输出会自动转义引号和换行,复制后可以直接粘贴到相应文件。