图片转 Base64

这个工具能做什么

把图片转成 Base64 编码的 Data URL，可以直接粘贴进 HTML、CSS 或 JSON 里内嵌使用。转换结果会连同一段可直接使用的 img 标签示例一起给出，方便复制到代码里。

如何使用

1. 选择或拖入一张图片
2. 查看预览与生成的 Data URL
3. 复制编码结果或示例标签
4. 粘贴到代码或配置里使用

适合哪些场景

• 把图标内嵌进 CSS 减少一次请求
• 把图片放进 JSON 配置或邮件模板
• 在 HTML 单文件里嵌入小图片

使用限制

• Base64 会让体积膨胀约三分之一，只适合小图片。
• 编码结果越长，粘贴进代码后越难维护，大图建议仍用独立文件。

常见问题

为什么编码后的字符串这么长？

Base64 用文本表示二进制，体积大约比原图多三分之一。

可以直接放进 CSS 吗？

可以，Data URL 就是给这种内嵌场景用的，把它写在 url() 里即可。

有体积限制吗？

没有硬限制，但大图转换慢、字符串也难维护，建议只用于小图。

相关工具

隐私说明

图片只在你的浏览器里处理，不会上传到服务器；不需要注册。