图片转 Base64 编码

将任何图片转换为 Base64 编码字符串。生成可直接在项目中使用的 Data URI、CSS 背景代码和 HTML img 标签。

拖拽图片到此处或点击浏览

支持 JPG、PNG、WebP、SVG、GIF 等格式

所有处理均在浏览器本地完成,图片不会上传到任何服务器。

如何将图片转换为 Base64

1

上传图片

点击或拖拽上传图片文件。支持 JPG、PNG、WebP、SVG、GIF 等常见图片格式。

2

查看编码结果

即时查看图片转换后的 Base64 编码。可在 Data URI、原始 Base64、CSS 背景和 HTML img 标签格式之间切换。

3

复制使用

点击复制按钮将编码结果复制到剪贴板。直接粘贴到代码、邮件或应用程序中使用。

Base64 图片的使用场景

邮件嵌入

将图片直接嵌入 HTML 邮件中,无需外部托管。Base64 编码的图片确保收件人无论邮件客户端设置如何都能看到图片内容。

CSS 背景图

使用 Base64 图片作为 CSS 背景图以减少 HTTP 请求。适合需要随样式表即时加载的小图标、图案和 UI 元素。

小图标和精灵图

将小图标和精灵图直接嵌入 HTML 或 CSS 中。消除小资源的额外网络请求,确保图标在页面加载时立即显示。

API 数据传输

在 JSON API 请求中以 Base64 字符串发送图片。无需多部分表单上传,只需在 API 请求体中包含编码字符串即可实现无缝图片数据传输。

数据可视化

将图表和数据可视化图像直接嵌入报告和仪表盘中。Base64 编码确保视觉内容自包含,离线也能正确显示。

离线应用

将图片以 Base64 字符串形式存储在本地存储或数据库中,用于离线 Web 应用。确保所有视觉资源在无网络连接时也可用。

常见问题

什么是 Base64 编码?

Base64 是一种将二进制数据(如图片)转换为 ASCII 文本的编码方案。它使用 64 个可打印字符(A-Z、a-z、0-9、+、/)来表示二进制数据,使其可以安全地嵌入 HTML、CSS、JSON 等文本格式中。

Base64 编码的图片会增大多少?

Base64 编码会使数据大小增加约 33%。一张 30 KB 的图片编码后大约变为 40 KB。这是因为每 3 字节的二进制数据被转换为 4 个 Base64 字符。Data URI 前缀还会额外增加几个字节。

什么时候应该使用 Base64 图片?

建议对小图片(10-20 KB 以下)使用 Base64,如图标、Logo 和需要减少 HTTP 请求的 UI 元素。对于较大的图片,使用常规文件配合缓存更高效,因为 Base64 字符串无法单独缓存且会增加文档大小。

在这里转换图片安全吗?

完全安全。所有转换均通过 JavaScript 在浏览器本地完成。图片不会上传到任何服务器,数据不会离开你的设备,确保完全的隐私和安全。

支持转换哪些图片格式?

可以转换浏览器支持的任何图片格式,包括 JPG/JPEG、PNG、WebP、SVG、GIF、BMP、ICO 和 AVIF。工具会在 Data URI 输出中保留原始 MIME 类型。

立即将图片转换为 Base64

即时将图片编码为 Base64,可嵌入 HTML、CSS 和 API 中。免费、快速,完全保护隐私。