Base64 转换器
将图片转换为 Base64 数据 URL
直接将图片嵌入到 HTML、CSS 或 JSON 中。无需上传——100% 隐私。
Base64 转换器
将图片转换为 Base64 数据 URL。
直接将图片嵌入到 HTML、CSS、JSON 或电子邮件模板中。跳过外部文件托管并减少 HTTP 请求。非常适合图标、Logo 和小图形。
将图片拖放到此处
或点击选择
文件从未离开您的浏览器
输出设置
选择 Base64 输出格式。
工作原理
三个步骤将图片转换为 Base64
本地上传，即时转换，复制或下载文本文件。
上传图片或 ZIP
拖放文件或包含文件夹的 ZIP 存档。
生成 Base64
我们在本地对每张图片进行编码，无需上传。
复制或下载
复制到剪贴板或下载带有 .txt 文件的 ZIP。
用例
何时使用 Base64 图片
内联 Base64 编码能提高性能并简化部署的常见场景。
HTML 和 CSS 嵌入
直接将小图片放入代码中，以减少 HTTP 请求并缩短加载时间。
电子邮件模板
在 HTML 电子邮件中嵌入 Logo 和图标，以确保它们在不阻止图片的情况下显示。
API 集成
将图片发送到 AI视觉 API、云存储或需要 Base64 负载的 Webhook。
单文件应用
将所有资源打包到一个 HTML 文件中，用于离线工具、演示或便携式文档。
常见问题
Base64 编码问题
开发人员关于内联图片需要知道的一切。
Base64 编码用于什么？
Base64 将图片转换为文本字符串，可以直接包含在 HTML img 标签、CSS background-image 属性、JSON API 负载和电子邮件模板中，而无需获取单独的文件。
我应该使用 Data URL 还是原始 Base64？
对于 HTML和 CSS 嵌入，使用 Data URL (带有 data:image/...;base64 前缀)。对于 OpenAI Vision 等 API、上传到云服务或接收系统会添加自己的前缀时，使用原始 Base64。
如何在 HTML 中嵌入 Base64？
在 src 属性中直接使用 Data URL：<img src="data:image/png;base64,..." />。这消除了一次 HTTP 请求，图片会随页面即时加载。
如何在 CSS 中使用 Base64？
将其设置为背景图片：background-image: url("data:image/png;base64,...")。非常适合需要无闪烁加载的小图标、图案和 UI 元素。
我的图片会被上传到服务器吗？
不会。所有 Base64 转换都在您的浏览器本地使用 JavaScript 进行。您的图片从未离开设备，这使其 100% 私密且安全。
我可以转换包含文件夹的 ZIP 吗？
可以。完全支持 ZIP 上传。下载所有 Base64 文件为 ZIP 时会保留文件夹结构，非常适合批量处理。
Base64 会增加文件大小吗？
是的，Base64 编码会使文件大小增加约 33%。对于小图片（10KB 以下的图标、Logo）来说这是可以接受的。对于较大的图片，请先考虑使用我们的主工具进行压缩。
有文件大小限制吗？
单个文件限制为 25MB，以保持浏览器响应。为了获得 Base64 的最佳结果，请使用 100KB 以下的图片，以避免 HTML/CSS 膨胀。