Skip to content
免费工具Converters

将任何图像编码为 Base64 数据 URI

将图像放入该工具中,即可立即获取 Base64 编码的字符串。使用输出作为 HTML、CSS 或 JSON 中的数据 URI,无需单独托管图像。该工具显示编码长度、MIME 类型和实时预览,以便您可以在复制之前验证结果。

免费使用此工具

特征

1

多种格式支持

对 JPEG、PNG、WebP、GIF 和 SVG 文件进行编码。自动检测正确的 MIME 类型并将其包含在数据 URI 前缀中。

2

一键复制

单击即可复制原始 Base64 字符串或完整数据 URI。确认提示让您知道文本位于剪贴板上。

3

输出统计

查看原始文件大小、编码字符串长度和编码开销百分比。这可以帮助您决定内联图像是否值得进行权衡。

4

CSS 和 HTML 片段

获取 HTML img 标签和 CSS 背景图像规则的可粘贴代码片段。复制该代码片段并将其直接放入您的代码库中。

如何使用

1

上传图片

将 JPEG、PNG、WebP、GIF 或 SVG 文件拖到工具中。图像在本地读取并且永远不会离开您的设备。

2

查看输出

该工具显示 Base64 字符串、数据 URI 和解码图像的实时预览,以便您确认其匹配。

3

复制或下载

单击以复制数据 URI 字符串或将其下载为纯文本文件。使用 HTML 或 CSS 代码片段按钮来粘贴准备好的代码。

规格

输入格式JPEG、PNG、WebP、GIF、SVG
输出Base64 字符串/数据 URI
最大文件大小10MB
MIME检测自动的
片段格式HTML 图片、CSS 背景
加工客户端(无上传)

Related Magic Eraser Tools

常见问题

什么时候应该使用 Base64 而不是常规图像文件?

+

Base64 内联对于非常小的图像(例如图标、1x1 跟踪像素或微小的 UI 元素)最有用,在这些图像中,节省额外的 HTTP 请求比 Base64 编码增加的大约 33% 的大小增加更重要。

Base64编码会降低图像质量吗?

+

不会。Base64 是二进制文件数据的无损编码。解码后的图像与原始图像逐字节相同。唯一的代价是更大的文本负载。

我可以编码的文件大小有上限吗?

+

该工具接受最大 10 MB 的文件。较大的图像将产生非常长的字符串,这对于内联来说可能不切实际。对于大图像,托管文件并使用 URL 链接到它几乎总是更好的方法。

需要较小的源图像?

AI Enhance 可以在编码之前压缩和优化图像。较小的源文件会生成较短的 Base64 字符串,从而减少页面重量。

免费试用