图片 Base64 转换器

免费在线工具，支持将图片转换为 Base64 字符串，或将 Base64 字符串还原为图片预览和下载。

功能特点

• 双向转换：支持图片转 Base64 和 Base64 转图片
• 实时预览：转换后立即显示图片预览
• 本地处理：所有转换在浏览器本地完成，保护图片隐私
• 格式支持：支持 PNG, JPG, GIF, WebP, SVG 等常见图片格式
• 一键复制：支持复制完整 Data URI 或仅复制 Base64 编码部分
• MCP 支持：提供 MCP 接口，支持 AI 助手调用

什么是 Base64 图片？

Base64 是一种将二进制数据编码为 ASCII 字符的方法。在 Web 开发中，常用于将小图片直接嵌入到 HTML 或 CSS 中，以减少 HTTP 请求数量，提高页面加载速度。

格式通常为：data:image/[格式];base64,[编码数据]

常见应用场景

1. CSS 背景图：将小图标转为 Base64 直接写在 CSS 中。
2. HTML 图片：在 <img> 标签的 src 属性中直接使用。
3. 数据传输：在 JSON API 中传输图片数据。
4. Markdown：在 Markdown 文档中嵌入图片而不依赖外部链接。

常见问题

什么是 Base64 图片编码？

Base64 是一种将二进制数据编码为 ASCII 字符的方法。将图片转为 Base64 后，可以直接嵌入到 HTML、CSS 或 JSON 中使用，无需额外的图片文件。

Base64 编码后图片会变大吗？

是的，Base64 编码会使数据量增加约 33%。因此 Base64 编码更适合小图标和缩略图，不建议对大图片进行编码。

支持哪些图片格式？

支持 PNG、JPG、GIF、WebP、SVG 等常见图片格式的双向转换。

图片数据安全吗？

所有转换在浏览器本地完成，图片不会上传到服务器，您的数据完全安全。

Base64 图片怎么在 HTML 中使用？

将 Base64 编码以 `data:image/格式;base64,编码数据` 的格式放入 `<img>` 标签的 `src` 属性即可，例如：`<img src="data:image/png;base64,..." />`