免费在线图片转 Base64 转换器
在浏览器中即时将图片转换为 Base64 编码字符串。我们的免费工具支持 PNG、JPG、GIF、WebP、SVG、BMP 和 ICO 格式，提供多种输出选项，包括 Data URI、HTML img 标签和 CSS background 属性。非常适合直接在 HTML、CSS 或 JavaScript 中嵌入图片。
支持的功能
支持的图片格式
- PNG - 便携式网络图形
- JPG/JPEG - 联合图像专家组
- GIF - 图形交换格式
- WebP - 现代 Web 图片格式
- SVG - 可缩放矢量图形
- BMP - 位图图像文件
- ICO - Windows 图标格式
输出格式选项
- 原始 Base64 - 用于 API 的纯编码字符串
- Data URI - 完整的 data:image 格式
- HTML img 标签 - 即用型 HTML
- CSS background - 用于样式表
常见用例
电子邮件模板
直接在 HTML 电子邮件中嵌入图片，以避免损坏的图片链接并提高电子邮件可传递性。Base64 图片可在所有电子邮件客户端中可靠显示。
单页应用程序
通过直接在 JavaScript 或 CSS 中嵌入小图标和图片来减少 HTTP 请求。非常适合徽标、图标和小型 UI 元素。
CSS 样式
使用 Base64 图片作为 CSS 背景图片，将资源与样式表捆绑在一起。非常适合精灵图、图案和装饰元素。
数据存储
将图片作为文本字符串存储在数据库或配置文件中。对基于 JSON 的存储、本地存储和 API 有效负载很有用。
为什么将图片转换为 Base64?
Base64 编码将二进制图片数据转换为 ASCII 文本，允许图片直接嵌入 HTML、CSS 或 JavaScript 中，而无需外部文件引用。这减少了 HTTP 请求，确保图片始终与您的代码一起加载，并简化了部署。但是，Base64 会将文件大小增加约 33%，因此最好用于图标和徽标等小图片。
常见问题
什么是 Base64 编码?
Base64 是一种二进制到文本的编码方案，将二进制数据（如图片）转换为 ASCII 字符。这允许将二进制文件嵌入到 HTML、CSS、JSON 或电子邮件等基于文本的格式中。
为什么 Base64 会增加文件大小?
Base64 编码使用 4 个字符表示每 3 个字节的二进制数据，导致输出大约增加 33%。权衡是能够直接在基于文本的代码中嵌入图片。
原始 Base64 和 Data URI 有什么区别?
原始 Base64 只是编码字符串。Data URI 包含像 'data:image/png;base64,' 这样的前缀，告诉浏览器如何解释数据。在 HTML 或 CSS 中直接使用需要 Data URI。
我的图片安全吗?
是的！所有转换都使用 JavaScript 的 FileReader API 完全在您的浏览器中进行。您的图片永远不会离开您的计算机，也不会上传到任何服务器。
最大文件大小是多少?
此工具支持最大 10MB 的图片。但是，为了 Web 性能，我们建议仅对小于 50KB 的小图片使用 Base64。更大的图片应该作为常规文件提供。
我可以在我的项目中使用输出吗?
当然可以！Base64 输出可以在任何个人或商业项目中免费使用。只需以您喜欢的格式复制输出并将其粘贴到您的代码中。