选择图片等待文件
——
支持透明背景图片,原始图片不会被修改。
01
Data URL
适合直接放进 HTML 的 src 属性。
02
纯 Base64
去掉前缀,方便提交到接口或数据库。
03
嵌入代码
HTML、CSS、JSON 输出可直接复制使用。
图片转 Base64
把图片转换成可直接嵌入网页、样式表或 JSON 的 Base64 文本,并提供预览、复制和下载。
使用说明
三步完成操作
- 01 · 选择图片
选择一张图片或直接拖入上传区域,页面会显示尺寸、格式和文件大小。
- 02 · 选择输出
按使用场景选择 Data URL、纯 Base64、HTML、CSS 或 JSON 格式。
- 03 · 复制或下载
检查结果后复制到剪贴板,也可以将生成的字符串下载为文本文件。
常见问题
使用前先了解这些
Data URL 和纯 Base64 有什么区别?
Data URL 自带图片格式前缀,例如 data:image/png;base64,...,可以直接用于 img 的 src。纯 Base64 只包含编码内容,适合交给接口或后端继续处理。
为什么 Base64 字符串比原图片更长?
Base64 会把二进制数据转换为文本,体积通常比原文件增加约三分之一。图片较大时,更适合使用图片地址或对象存储。
HTML、CSS 和 JSON 输出可以直接使用吗?
可以。HTML 和 CSS 输出已经包含对应的语法包装,JSON 输出会自动转义引号和换行,复制后可以直接粘贴到相应文件。