图片转 Base64

将图片文件编码为 Base64 文本字符串，以便嵌入代码。

免费 - 无需注册 - 在您的设备上运行

您的文件留在您的设备上

  • 数据 URI输出
  • HTML/CSS嵌入
  • 复制到剪贴板
  • 私密编码
实际使用

可以放心的地方

  • 0文件上传
    • 编码在浏览器中完成
    • 您的图片保持私密
  • 100%基于浏览器
    • 无服务器处理
    • 无需排队，即时获取结果
  • 1:1表示
    • 直接的二进制到文本编码
    • 过程中无质量损失
规格

图片转 Base64 规格一览

输入格式
JPG、PNG、WebP、HEIC、HEIF
返回内容
data URI 与复制按钮
粘贴位置
直接粘贴进 CSS 或 HTML
批量处理
一次一张图片
运算位置
在你的浏览器标签页内
添加文件
拖放、选文件或粘贴
价格
免费
需要账户
否
使用方法

图片转 Base64 怎么用

  1. 1

    添加图片

    将图片文件拖放到页面上，或点击从计算机选择文件。工具支持包括 SVG 在内的多种格式。

  2. 2

    复制字符串

    Base64 编码的数据 URI 将立即生成并显示。点击复制按钮将整个字符串复制到剪贴板。

  3. 3

    粘贴到代码中

    将复制的字符串粘贴到 HTML `<img>` 标签的 `src` 属性或 CSS `url()` 函数中。

问题

常见问题

何时应使用 Base64 编码图片？

最适合图标等非常小的图片。将大图片嵌入为 Base64 会使 HTML 或 CSS 文件变得非常大，加载缓慢。

这会改变图片质量吗？

不会。Base64 只是表示完全相同图片数据的另一种方式。浏览器解码后图片看起来完全相同。

我可以将 Base64 字符串转换回图片吗？

此工具仅执行从图片到 Base64 字符串的编码。它不包含将文本解码回文件的解码器。

一次可以添加多少张图片？

没有固定上限。总量超过约 500 MB 时，页面会在开始前提醒你。ZIP 内同名文件会自动加上编号。若浏览器不支持，页面会直接说明，不会让你白等。

背景说明

在 Web 开发中使用 Base64

此工具从图片创建数据 URI，包含其 MIME 类型和 Base64 负载。这对于将图片直接嵌入 HTML、CSS 或 JSON 非常有用。

  • 将图片嵌入为 Base64 数据 URI 可以减少 HTTP 请求，提高页面性能。这对小图标或背景图片有效。
  • 权衡：Base64 字符串比二进制文件大约大 33%，且无法与 HTML 或 CSS 分开缓存。

完整规格

图片转 Base64 的完整规格
输入格式JPG、PNG、WebP、HEIC、HEIF 均可在标签页中解码。
返回内容一段 data URI，旁边附有复制按钮。
粘贴位置直接粘贴进你的 CSS 或 HTML。
批量处理一次处理一张图片。
运算位置在你的浏览器标签页内完成，图片不会离开设备。
添加文件可拖放、选文件，或用 Ctrl／⌘+V 粘贴。同一批文件可直接带去站内其他工具，无需重新上传。
价格免费
需要账户否
下一步

用同一批文件继续做

全部开发工具： SPOTTOOLS 的开发工具